Kaizen is a modern frontend dashboard designed to help students continuously improve by tracking their DSA progress, development projects, daily habits, and semester goals — all in one clean, visual interface.
Inspired by the philosophy of Kaizen (continuous improvement), this project focuses on building better habits through data-driven insights and a smooth user experience.
- 📊 Dashboard Overview – Visual summary of progress, habits, and goals
- 🧠 DSA Tracker – Track problems solved by difficulty and topic
- 💻 Project Tracker – Manage development projects with status and tech stack tags
- 🔁 Habit Tracker – Daily habits with streak tracking (gym, reading, learning, etc.)
- 🎯 Goals Management – Semester goals with progress visualization
- 🌗 Dark / Light Mode – Theme toggle for better accessibility
- 📱 Fully Responsive – Mobile-first, works smoothly across all screen sizes
- 🔐 Authentication – Secure login and signup pages
- React 18+ – UI framework
- TypeScript – Type-safe JavaScript
- Vite – Lightning-fast build tool
- Tailwind CSS – Utility-first CSS framework
- Recharts – React charting library
- LocalStorage – Client-side data persistence
src/
├── components/
│ ├── Navbar.tsx
│ ├── Sidebar.tsx
│ ├── ChartCard.tsx
│ ├── HighlightCard.tsx
│ ├── MetricCard.tsx
│ ├── ProgressCircle.tsx
│ ├── ProjectsList.tsx
│ └── WeeklyProgress.tsx
├── pages/
│ ├── Landing.tsx
│ ├── Login.tsx
│ ├── Signup.tsx
│ ├── Overview.tsx
│ ├── DSA.tsx
│ ├── Habits.tsx
│ ├── Projects.tsx
│ ├── Goals.tsx
│ └── Settings.tsx
├── contexts/
├── assets/
├── App.tsx
├── ErrorBoundary.tsx
├── index.css
└── main.tsx
- Node.js (v16 or higher)
- npm or yarn
-
Clone the repository:
git clone https://github.com/yourusername/kaizen.git cd kaizen -
Install dependencies:
npm install
-
Start the development server:
npm run dev
-
Open your browser: Navigate to
http://localhost:5173(Vite default port)
npm run build
npm run previewnpm run dev– Start development servernpm run build– Build for productionnpm run preview– Preview production buildnpm run lint– Run ESLint checks
- Designing scalable and reusable React components with TypeScript
- Managing complex UI state efficiently
- Building data-driven dashboards using Recharts
- Implementing clean UX with Tailwind CSS responsive layouts
- Structuring a real-world frontend project with Vite
- Error handling with Error Boundary components
- LocalStorage for persistent client-side data management
- Backend integration (Firebase / REST API)
- Enhanced user authentication with JWT
- Cloud-based data synchronization
- Drag & drop task management
- Advanced analytics and insights
- PWA support for offline functionality
- Export data to PDF/CSV
- Social features (leaderboards, friend tracking)
- AI-powered recommendations
Contributions are welcome! Please follow these steps:
- Fork the repository
- Create a feature branch (
git checkout -b feature/AmazingFeature) - Commit your changes (
git commit -m 'Add some AmazingFeature') - Push to the branch (
git push origin feature/AmazingFeature) - Open a Pull Request
This project is licensed under the MIT License — see the LICENSE file for details.
🔗 Deployed Link: (https://kaizen-phi-five.vercel.app/)
Found a bug? Have a feature request? Feel free to open an issue or reach out!
Stay focused, stay productive, and keep leveling up! — kaizenX out. ✌️