https://github.com/hackstarsj/reactmuidashboard
A Free Dashboard Template in React Build using MUI and Easily Customize able
https://github.com/hackstarsj/reactmuidashboard
Last synced: 8 months ago
JSON representation
A Free Dashboard Template in React Build using MUI and Easily Customize able
- Host: GitHub
- URL: https://github.com/hackstarsj/reactmuidashboard
- Owner: hackstarsj
- Created: 2024-05-31T10:10:00.000Z (about 2 years ago)
- Default Branch: master
- Last Pushed: 2024-05-31T13:14:11.000Z (about 2 years ago)
- Last Synced: 2025-03-29T22:41:20.205Z (about 1 year ago)
- Language: JavaScript
- Size: 10.6 MB
- Stars: 2
- Watchers: 1
- Forks: 2
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# React Dashboard with Multiple Themes
Welcome to the React Dashboard project! This dashboard is built using Material-UI (MUI) and supports multiple themes. It provides a customizable and responsive interface for various use cases.
## Demo
You can check out the live demo [here](https://hackstarsj.github.io/ReactMUIDashboard/).
## Features
- Multiple themes (Light, Dark, Blue Light, Blue Dark, Green Light, Green Dark, Red Light, Red Dark, Orange Light, Orange Dark)
- Responsive design
- Sidebar navigation
- User authentication (Sign Up and Sign In)
- Customizable components
- Integrated search functionality
## Installation
Follow these steps to set up the project locally:
1. **Clone the repository**:
```bash
git clone https://github.com/hackstarsj/ReactMUIDashboard
cd ReactMUIDashboard
```
2. **Install dependencies**:
```bash
npm install
```
3. **Start the development server**:
```bash
npm start
```
## Usage
### Changing Themes
You can change the theme by updating the theme selection logic in the `Layout` component. The themes are defined in the `themes.js` file.
### Adding New Routes
To add new routes to the dashboard, update the `router` configuration in your main component file (e.g., `App.js`). Define the new routes and their respective components.
### Customizing Components
All components are customizable. You can modify the styles and structure of the components in their respective files.
## Project Structure
Here's a brief overview of the project structure:
## Screenshots
Here are some screenshots of the dashboard:
