A modern, full-stack task management application designed for agile teams. Built with React and powered by Firebase for real-time collaboration and data persistence.
- Drag-and-drop task management across columns (To Do, In Progress, Done)
- Real-time status updates synced to the cloud
- Priority tagging (Low, Medium, High, Critical)
- Dynamic team member management with role assignments
- Assign tasks to specific team members
- Track individual progress and completion rates
- Add comments to tasks for better communication
- Like/react to comments
- Delete comments with instant UI feedback
- Responsive design (Mobile, Tablet, Desktop)
- Dark/Light mode toggle
- Glassmorphism effects and smooth animations
- Optimistic UI updates for instant interactions
- Firebase Firestore for real-time database
- Persistent data storage (survives browser refreshes)
- Secure authentication-ready architecture
| Category | Technologies |
|---|---|
| Frontend | React 18, Vite, Tailwind CSS, Lucide Icons |
| Backend | Firebase (Firestore, Authentication) |
| State Mgmt | React Hooks, Context API |
| Deployment | Vercel / Netlify Ready |
- Node.js (v16 or higher)
- npm or yarn
- A Firebase project (Firestore enabled)
- Clone the repository
git clone https://github.com/Rusiru-1017/taskmates-app.git
cd taskmates-app- Install dependencies
npm install-
Add your Firebase config in
src/firebase-config.js -
Run the development server
npm run dev- Open http://localhost:5173 in your browser
npm run buildThe build output will be in the dist folder, ready to deploy to Vercel, Netlify, or any static hosting provider.
This project is licensed under the MIT License.
Rusiru Laksara
- GitHub: @Rusiru-1017