🧩 Project Management Web App

A full-featured project management platform designed to streamline task organization, team collaboration, progress tracking, and productivity insights — all in one place.

---

🚧 Current Progress

✅ Login (Frontend)
✅ Dashboard (Frontend)
🔜 All other modules are in development

---

🛠️ Tech Stack

Frontend

• ⚛️ React.js — UI development
• ⚡ Vite — Fast build tool
• 🎨 Tailwind CSS — Styling
• 🧭 React Router DOM — Navigation
• 📈 Recharts / Chart.js — Reports & analytics
• 💬 Lucide React — UI icons

Backend (Planned)

• 🟢 Node.js + Express.js — Server framework
• 🍃 Prisma ORM — Database ORM
• 🧠 JWT Authentication — Secure login/signup
• 📤 Nodemailer — Email invitations & notifications
• 📡 WebSockets (Socket.io) — Real-time updates

Other Tools

• ☁️ Vercel — Deployment
• 🧱 Render / Railway — Backend Deployment

---

🧭 Project Progress Overview

✅ Completed So Far

Module	Status	Description
Login Page (Frontend)	✅ Done	Built using React + Tailwind. Users can log in with credentials. Basic UI completed.
Dashboard (Frontend)	✅ Done	Displays task overview widgets, upcoming deadlines, and progress cards.
UI Theme & Styling	✅ Done	Tailwind CSS setup with responsive design and reusable components.

---

👨‍💻 Team & Work Distribution

Team Member	Area of Work	Current Status
Spruha	Frontend Development (Login & Dashboard)	✅ Completed — working UI and navigation.
Karthikeya & Thrishul	Backend Setup (Supabase / Node.js + Express)	⏳ In Progress — database schema & API development.
Vamsi	UI/UX & Components Design	⏳ In Progress — designing layouts and task pages.
Thrishul	Task & Project Management Logic	⏳ Pending — to start after backend integration is ready.

---

🎯 Next Targets / Upcoming Work

Feature / Task	Description	Status / Assigned To
Project CRUD Module	Implement Create, Read, Update, Delete functionality for projects.	⏳ Everyone is working on different pages.
Dashboard Routing	Set up routing and navigation between components.	🧑‍💻 Spruha
Project Details Page & Route	Add individual project pages showing task lists and progress.	🧑‍💻 Karthikeya
Kanban Board View	Drag-and-drop tasks between columns (“To Do”, “In Progress”, etc.).	⏳ In Progress
Calendar View	Visualize tasks/events on a calendar (daily, weekly, monthly).	🧑‍💻 Vamsi
Notifications System	In-app notification system for deadlines, mentions, etc.	🧑‍💻 Thrishul
Login Backend (OAuth)	Set up backend authentication with JWT/OAuth.	🧑‍💻 Thrishul

---

⚙️ Setup Guide (For Developers)

Follow these steps to set up and run the Project Management Web App locally.

🧾 Step 1: Fork or Clone the Repository

• Option 1: Fork

  1. Click the “Fork” button on the top-right of this repository.
  2. Select your GitHub account to fork it.

• Option 2: Clone

  git clone https://github.com/<your-username>/<repo-name>.git
  cd <repo-name>
  

🧾 Step 2: Install Dependencies

Node.js (>=18) and run  npm install

🧾 Step 3: Set Up Your .env (Only For Contributes)

🧾 Step 4: Run Frontend

cd client
npm install
npm run dev

🧾 Step 5: Run Backend

cd server
npm install
npm run dev