Math Tracker

A modern web application to track and visualize your math problem solving progress. Built with React, TypeScript, and Tailwind CSS.

✨ Features

📊 Progress Tracking

• Track different types of math problems (Integration, Differentiation, Trigonometry, Mechanics, Physics)
• Visualize your progress with interactive charts
• View weekly and monthly statistics
• Track points for each problem type
• Remove recent entries with one click

🎨 Modern UI/UX

• Clean, intuitive interface
• Dark/Light mode support
• Responsive design that works on all devices
• Beautiful data visualizations with Recharts

🚀 Technical Stack

• Frontend: React 18 with TypeScript
• Styling: Tailwind CSS with modern design tokens
• State Management: Zustand for simple state management
• Build Tool: Vite for fast development and production builds
• Charts: Recharts for beautiful data visualization

🛠️ Getting Started

Prerequisites

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

Installation

1. Clone the repository:

   git clone https://github.com/ashsajal1/math-tracker.git
   cd math-tracker

2. Install dependencies:

   npm install
   # or
   yarn

3. Start the development server:

   npm run dev
   # or
   yarn dev

4. Open http://localhost:5173 to view it in your browser.

📦 Building for Production

To create a production build:

npm run build
# or
yarn build

🏗️ Project Structure

math-tracker/
├── public/            # Static assets
├── src/
│   ├── components/    # Reusable components
│   ├── lib/           # Utility functions and state management
│   ├── pages/         # Page components
│   ├── App.tsx        # Root component
│   └── main.tsx       # Entry point
├── .eslintrc.js       # ESLint configuration
├── tailwind.config.js # Tailwind configuration
├── tsconfig.json      # TypeScript configuration
└── vite.config.ts     # Vite configuration

🤝 Contributing

Contributions are welcome! Feel free to open an issue or submit a pull request.

📄 License

This project is licensed under the MIT License - see the LICENSE file for details.

🙏 Acknowledgments

• Built with Vite
• Styled with Tailwind CSS
• Icons from React Icons
• Charts by Recharts
• State management with Zustand

---

Built with ❤️ by Sajal.