A modern and beginner-friendly study planner web app built using Next.js, React, TypeScript, and Tailwind CSS.
- 📊 Dashboard with daily study overview
- ✅ Task manager (add, delete, complete tasks)
- 📅 Weekly study schedule
- 📈 Progress tracking for subjects
- 💾 Data saved using localStorage
- 📱 Responsive design (works on mobile & desktop)
- Frontend: Next.js, React, TypeScript
- Styling: Tailwind CSS
- State Management: React Hooks
- Storage: LocalStorage
app/
components/
data/
lib/
- Clone the repository:
git clone https://github.com/Arman-creator1/Study-planner.git
- Install dependencies:
npm install
- Run the project:
npm run dev
- Open in browser:
http://localhost:3000
- 🔐 Add user authentication
- ☁️ Connect MongoDB database
- 📊 Add charts & analytics
- 🌙 Dark/Light mode toggle
- 🚀 Deploy the app
Arman Pramanik
If you like this project, give it a ⭐ on GitHub!