https://github.com/longzhang920909/marius-admin
A modern and sophisticated React-based admin dashboard application built with Material-UI and other modern web technologies.
https://github.com/longzhang920909/marius-admin
framer framer-motion mantis-plugin material-ui react
Last synced: about 1 year ago
JSON representation
A modern and sophisticated React-based admin dashboard application built with Material-UI and other modern web technologies.
- Host: GitHub
- URL: https://github.com/longzhang920909/marius-admin
- Owner: longzhang920909
- Created: 2025-03-19T12:49:30.000Z (about 1 year ago)
- Default Branch: btc
- Last Pushed: 2025-03-19T12:51:36.000Z (about 1 year ago)
- Last Synced: 2025-03-26T14:53:38.369Z (about 1 year ago)
- Topics: framer, framer-motion, mantis-plugin, material-ui, react
- Language: JavaScript
- Homepage:
- Size: 1.29 MB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# 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:
```bash
npm install
```
3. Start the development server:
```bash
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](LICENSE) file for details.