A modern, full-stack Task Management application that uses AI to break down complex tasks into actionable sub-steps.
This project demonstrates a full-stack web architecture using React (Vite) for the frontend and Node.js (Express) for the backend. The key differentiator is the "AI Copilot" feature, which analyzes task titles and suggests helpful breakdowns or context to improve productivity.
- Modern UI/UX: Glassmorphism design, dark mode, and smooth micro-interactions.
- REST API: Custom-built Node.js/Express backend handling CRUD operations.
- Real-time Updates: Instant state management without page reloads.
- AI Integration: [Coming Soon] Automaticaly generates sub-tasks and tips using LLMs.
| Area | Technology | Reason for Choice |
|---|---|---|
| Frontend | React + Vite | Industry standard for performant SPAs. Vite offers instant HMR. |
| Styling | Vanilla CSS3 | Demonstrates mastery of CSS Variables, Flexbox, and complex animations without framework crutches. |
| Backend | Node.js + Express | Lightweight, event-driven architecture suitable for real-time applications. |
| Data | In-Memory / PostgreSQL | [Current: In-Memory] Fast prototyping. [Future] Robust relational data storage. |
To run this project locally, you need Node.js installed.
git clone https://github.com/yourusername/ai-task-manager.git
cd ai-task-managerThe server runs on http://localhost:3000.
cd server
npm install
npm run devThe client runs on http://localhost:5173.
cd client
npm install
npm run dev