TrackWise is a full-stack productivity web application to help users efficiently manage daily tasks, build positive habits, and monitor progress through data-driven analytics. Built with the MERN stack, TrackWise is designed as an end-to-end showcase of modern web development, database management, and data visualization.
-
Task Manager
- Add, edit, and delete daily tasks
- Mark tasks as complete/incomplete
- Organize tasks for clarity and focus
-
Habit Tracker
- Add recurring habits with custom frequency (e.g., “Drink water daily”)
- Weekly and monthly habit overview dashboards
- Visualize and maintain streaks
-
Progress Analytics
- Interactive graphs for completed tasks and habit streaks
- Track productivity and consistency using rich visuals (React chart libraries)
- Filter analytics by date/task/habit
-
User Authentication
- Secure JWT or OAuth-powered login system
- Personalized user dashboard and settings
- Passwords hashed securely
-
Database Integration (Advanced)
- MongoDB for storing user profiles, tasks, and habits (flexible, document-based)
- MongoDB (Atlas) – Stores user profiles, tasks, and habits (flexible storage)
| Frontend | Backend | Database | Tools & Libraries |
|---|---|---|---|
| React.js | Node.js | MongoDB | JWT for Authentication |
| Material-UI, Tailwind CSS | Express.js | MongoDB Atlas | Chart.js for Data Visualization |
| React Router | RESTful APIs | Git & GitHub | |
| Axios / Fetch API | Deployment: Vercel / Render / Netlify |
- Frontend: Component-based UI with React.js, routing with React Router, visualizations using Chart.js or Recharts.
- Backend: REST API with Express.js & Node.js, secure authentication (JWT/OAuth).
- Database:
- MongoDB: User data, tasks, habits (highly flexible, ideal for rapid changes)
- All authentication flows secured with JWT or OAuth
- Passwords hashed and user data protected
- RESTful API principles followed
- Concise code style with small variable names and minimal comments (aligned with programming preferences)[1]
- Showcases practical use of MongoDB (NoSQL) for flexible task and habit data storage
- Utilizes Node.js, Express, React, and REST API design best practices
- Portfolio-ready, production-grade app — strengthens DevOps, frontend, backend, and database expertise
- Encourages hands-on practice with Git workflows and cloud deployment platforms
Try TrackWise now: https://trackwise-hub.netlify.app
Vidushi Sharma
Full-stack Developer | MERN | DSA