Modern React Admin Dashboard

A sophisticated React-based admin dashboard application built with Material-UI and modern web technologies.

Features

• 🎨 Modern and clean Material-UI design system
• 🔒 Authentication system with code verification
• 📱 Fully responsive layout
• 🎭 Customizable themes and layouts
• ⚡ Optimized performance with component-based architecture
• 🔄 Advanced animations using Framer Motion
• 💾 Local storage integration for persistent settings

Technical Stack

• React.js
• Material-UI (MUI)
• Framer Motion
• Custom hooks
• Local Storage API

Key Components

• AnimateButton: Custom button component with various animation types (scale, rotate, slide)
• LoadingButton: Enhanced MUI button with loading states
• AuthWrapper: Authentication layout wrapper
• Custom Theme Overrides: Extensive MUI theme customization including:
  • ButtonBase
  • CardContent
  • IconButton
  • InputLabel
  • TableBody
  • AlertTitle

Getting Started

1. Clone the repository
2. Install dependencies:

npm install

3. Start the development server:

npm run dev

Customization

The project includes extensive theme customization options through the themes/overrides directory, allowing for easy modification of:

• Button styles
• Card layouts
• Input fields
• Typography
• Color schemes
• Spacing and layout

Security

• Protected routes
• Secure authentication flow
• Privacy policy integration
• Terms and conditions compliance

Browser Support

• Chrome (latest)
• Firefox (latest)
• Safari (latest)
• Edge (latest)

Contribution

1. Fork the repository
2. Create your feature branch (git checkout -b feature/AmazingFeature)
3. Commit your changes (git commit -m 'Add some AmazingFeature')
4. Push to the branch (git push origin feature/AmazingFeature)
5. Open a pull request

License

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