Dahsboard
Create workspace page

🚀 SquadSpace: Connect. Collaborate. Conquer.

✨ Inspiration

During college, I realized that student collaboration often gets scattered across multiple platforms — WhatsApp for messaging, Google Drive for docs, Trello for task tracking, etc. This chaos made it hard for teams to stay organized and focused.

SquadSpace was born out of the idea to centralize all student collaboration needs into one clean, intuitive platform — whether it’s project teams, clubs, or hackathon squads.

🛠️ What I Built

SquadSpace is a web platform that provides:

🔁 Real-time Communication – Group chat and announcements
📂 Shared Workspaces – Upload and organize files/documents
✅ Task Management – Create, assign, and track to-dos
⏰ Reminders & Deadlines – Keep everyone in sync
👥 Squad Roles & Access Control – Only relevant people see the right things

The platform is built with modern frontend technologies (React, Tailwind), and is designed to scale with student needs, from small project teams to large event organizing committees.

📚 What I Learned

Deepened my understanding of React hooks like useState, useEffect, and useContext
Improved component structure and state management patterns
Learned how to integrate real-time features using Socket.io
Understood the importance of clean UI/UX through feedback from peers

🧱 How I Built It

Frontend: React.js + Tailwind CSS
Component Libraries: React-Bootstrap (for layout)
State Management: useContext API (initially), planning to scale to Redux if needed
Version Control: Git + GitHub
Deployment: (Planned) Netlify or Vercel for frontend

🧗 Challenges Faced

Setting up consistent frontend functionality — learning how to structure hooks properly and avoid re-renders
Managing communication across nested components without clutter
Dealing with Git conflicts while switching branches and syncing with GitHub
Designing a layout that is both functional and minimal