FlowBase – Real-Time Task Management Web Application

FlowBase is a full-stack academic web application developed as part of my Final Year BCA coursework (Full Stack Web Development – Semester 6).

This project was created to understand how real-time task management systems work, including frontend–backend interaction, real-time updates, and modern UI design. The application was built using the MEAN stack with the help of references and learning resources.

---

Project Details

• Project Type: Academic / Final Year BCA Project
• Semester: 6
• Status: Prototype / Learning Project
• Development Type: Group-based academic project

---

Features

• Real-time task updates using Socket.IO
• Create, update, and delete tasks (CRUD operations)
• Responsive and modern UI
• Dark mode user interface
• Task search and filtering
• Dashboard view for task overview

---

Tech Stack

Frontend

• Angular
• TypeScript
• HTML
• CSS
• Tailwind CSS

Backend

• Node.js
• Express.js

Database

• MongoDB

Real-Time Communication

• Socket.IO

---

Learning Focus

This project helped me gain practical exposure to:

• Angular project structure and components
• Basic TypeScript usage in frontend applications
• Real-time communication using Socket.IO
• Frontend–backend data flow
• Building responsive UI using Tailwind CSS
• Understanding how full-stack web applications are structured

---

How to Run Locally

Prerequisites

• Node.js (v16 or above)
• MongoDB (Local or Atlas)
• Angular CLI

Steps

1. Clone the repository git clone https://github.com/OmBaisane/FlowBase-Task-Manager.git Copy code

2. Navigate to the project folder cd FlowBase-Task-Manager Copy code

3. Install dependencies for client and server

4. Start backend and frontend servers

5. Open the application in the browser

---

Disclaimer

This is an academic learning project developed for educational purposes. The project was built using references and learning resources to understand real-time full-stack application development.