Barbie Cinderella Todo App 🦄✨

Welcome to Anupriya's Magical Study Planner! This enchanting todo app is designed to help students organize their tasks, take tests, and track their progress in a fun and engaging way.

✨ Features

• 📝 Todo List: Organize and manage your tasks with time tracking.
• 📚 Take Test: Study materials and take timed tests with PDF support.
• 📊 Analytics: Track your progress and study habits across subjects and chapters.
• 📈 Test Analytics: Input, analyze, and visualize your test results.
• 🎨 Theme Selector: Choose from 6 magical themes (Pink, Yellow, Blue, Green, Purple, Red).
• ⏱️ Timers: Track time spent on tasks and tests.
• 📅 Date-based Filtering: View and manage tasks by date.
• 📊 Visual Charts: Bar charts and pie charts for analytics.

---

🛠️ Technologies Used

• React.js
• Next.js
• CSS Modules
• Tailwind CSS
• Framer Motion (for animations)
• Recharts (for data visualization)
• Local Storage (for data persistence)

---

🚀 Getting Started

Prerequisites

Ensure you have the following installed:

• Node.js (v14 or later)
• npm or yarn

Installation

1. Clone the repository:

   git clone https://github.com/PradyumnChauhan/Barbie-study-traker.git
   cd Barbie-study-traker

2. Install dependencies:

   npm install  # or yarn install

3. Start the development server:

   npm run dev  # or yarn dev

4. Open your browser and go to http://localhost:3000/ to explore the magical planner! 🌈

---

🛠️ Usage Guide

📅 Adding Tasks

• Click the "Add Task" button and enter task details.
• Set deadlines and track progress.
• Mark tasks as completed once done!

⏱️ Using Timers

• Start timers to track study sessions.
• Stop them when done and view total study time.

📊 Viewing Analytics

• Visualize your study patterns with bar & pie charts.
• Check subject-wise and chapter-wise progress.

🎨 Changing Themes

• Go to Settings and choose a theme that suits your vibe!

---

🛠️ Build and Deployment

Production Build

To create an optimized build:

npm run build  # or yarn build

Running in Production Mode

npm start  # or yarn start

Deployment

• You can deploy this app easily using Vercel or Netlify.
• For Vercel:

  npm i -g vercel
  vercel

---

💎 Contributing

We welcome contributions!

• Fork the repository.
• Create a new branch.
• Commit your changes.
• Submit a Pull Request.

---

🏆 License

This project is MIT Licensed. Feel free to use and modify it as needed!

---

💬 Feedback & Support

For any issues or feature requests, open an issue on GitHub.

Happy Studying! 📚💖