# MITA - Math Intelligence Training Application A modern React-based web application for math practice, competition, and learning. Built with Vite, React, and Tailwind CSS. ## 🚀 Features ### Core Functionality - **Practice Mode**: Various math practice sessions - **Competition**: Arena battles, ranked matches, and tournaments - **Puzzles**: Daily puzzles, battle mode, blind solving, and rush challenges - **Learning**: Topic-based learning with favorites and recent sessions - **Social**: Connect with friends, discover new content, and track notifications - **Leaderboards**: Global, country, friends, and topic-based rankings ### Technical Features - ⚡ **Fast Development**: Built with Vite for lightning-fast builds - 🎨 **Modern UI**: Styled with Tailwind CSS for beautiful, responsive design - 📱 **Responsive**: Works seamlessly on desktop, tablet, and mobile - 🔄 **Component-Based**: Modular React components for maintainability - 🎯 **Performance Optimized**: Efficient rendering and state management ## 🛠️ Tech Stack - **Frontend Framework**: React 18 - **Build Tool**: Vite - **Styling**: Tailwind CSS - **Package Manager**: npm - **Version Control**: Git ## 📦 Installation 1. **Clone the repository** ```bash git clone cd MITA ``` 2. **Install dependencies** ```bash npm install ``` 3. **Start the development server** ```bash npm run dev ``` 4. **Open your browser** Navigate to `http://localhost:5173` to view the application ## 🏗️ Project Structure ``` MITA/ ├── public/ # Static assets │ └── mita-logo.png # Application logo ├── src/ │ ├── components/ # Reusable UI components │ │ ├── CompeteMenu.jsx │ │ ├── LeaderboardMenu.jsx │ │ ├── LearnMenu.jsx │ │ ├── PlayMenu.jsx │ │ ├── PuzzlesMenu.jsx │ │ ├── Sidebar.jsx │ │ └── SocialMenu.jsx │ ├── pages/ # Application pages │ │ ├── compete/ # Competition-related pages │ │ ├── leaderboard/ # Leaderboard pages │ │ ├── learn/ # Learning pages │ │ ├── puzzles/ # Puzzle pages │ │ └── social/ # Social features │ ├── App.jsx # Main application component │ └── main.jsx # Application entry point ├── index.html # HTML template ├── package.json # Dependencies and scripts ├── tailwind.config.js # Tailwind CSS configuration └── vite.config.js # Vite configuration ``` ## 🎮 Usage ### Main Navigation - **Home**: Overview and quick access to features - **Practice**: Various math practice modes - **Compete**: Competition and multiplayer features - **Puzzles**: Daily challenges and puzzle modes - **Learn**: Educational content and tutorials - **Social**: Community features and friends - **Leaderboard**: Rankings and achievements ### Key Features - **Daily Challenges**: New puzzles and problems every day - **Competitive Play**: Battle other players in real-time - **Progress Tracking**: Monitor your improvement over time - **Social Features**: Connect with friends and share achievements - **Customization**: Personalize your learning experience ## 🚀 Available Scripts - `npm run dev` - Start development server - `npm run build` - Build for production - `npm run preview` - Preview production build locally ## 🤝 Contributing 1. Fork the repository 2. Create a feature branch (`git checkout -b feature/amazing-feature`) 3. Commit your changes (`git commit -m 'Add amazing feature'`) 4. Push to the branch (`git push origin feature/amazing-feature`) 5. Open a Pull Request ## 📝 License This project is licensed under the MIT License - see the [LICENSE](LICENSE) file for details. ## 🙏 Acknowledgments - Built with React and Vite - Styled with Tailwind CSS - Icons and assets from various sources --- **MITA** - Making math learning interactive, engaging, and fun! 🧮✨ ## Test Section - Added via Git inline command