FlowBase is a modern, full-stack web application designed to streamline task tracking and project management. Built using the MEAN Stack (MongoDB, Express, Angular, Node.js), it features a real-time dashboard, analytics, and a responsive dark mode interface.
Project Type: Final Year BCA Project Status: Prototype / Beta
- ⚡ Real-Time Synchronization: Updates (Add/Delete/Edit) appear instantly across all connected clients using Socket.io.
- 📊 Interactive Dashboard: Visual analytics showing Total Tasks, Active Tasks, and Completion Rates.
- 🎨 Modern UI/UX: Fully responsive design built with Tailwind CSS, featuring a seamless Dark Mode toggle.
- 🔍 Advanced Search: Instant filtering of tasks by title or assignee.
- 🛠️ Full CRUD Operations: Create, Read, Update, and Delete tasks efficiently.
- 📱 Responsive: Works perfectly on Desktops, Tablets, and Mobile devices.
| Component | Technology | Description |
|---|---|---|
| Frontend |  |
Angular 17 framework for dynamic UI |
| Styling |  |
Utility-first CSS framework |
| Backend |  |
Runtime environment |
| API |  |
Web framework for RESTful APIs |
| Database |  |
NoSQL Database |
| Real-Time |  |
Bidirectional event-based communication |
Follow these steps to set up the project on your local machine.
Make sure you have the following installed:
- Node.js (v16 or higher)
- MongoDB (Local or Atlas URL)
- Angular CLI (
npm install -g @angular/cli)
git clone [https://github.com/YOUR_USERNAME/FlowBase-Task-Manager.git](https://github.com/YOUR_USERNAME/FlowBase-Task-Manager.git)
cd FlowBase-Task-Manager