This project is an admin dashboard design built using React, Material-UI (Mui), Recharts for charts, React Progress Circle, and Sass for styling.
- Responsive Design: The dashboard is fully responsive, ensuring optimal viewing across various devices and screen sizes.
- Material-UI: Utilizes Material-UI components for a modern and consistent user interface.
- Charts: Integration with Recharts to display data in visually appealing and interactive charts.
- Progress Circle: Includes React Progress Circle to visualize progress or completion status.
- Sass Styling: Utilizes Sass for efficient and maintainable styling, allowing easy customization and theming.
- React:
- Material-UI (Mui)
- Recharts
- React Progress Circle
- Sass
- Context API:
- JavaScript:
- CSS:
- HTML:
To get started with this project, follow these steps:
-
Clone the repository to your local machine:
git clone https://github.com/your-username/admin-dashboard-app.git
-
Navigate to the project directory:
cd admin-dashboard-app -
Install dependencies:
npm install
-
Start the development server:
npm start
-
Open your browser and visit http://localhost:3000 to view the admin dashboard.
- src/
- components/: Contains all secound React components.
- pages:Contains all React components.
- style: Contains the dark mode.
- Context.js: Defines the global context and state management.
- App.js: Main component where different steps of the form are rendered.
- App.css: CSS styles for the application.
- datatablesource:Contains the data that used on Tables.
- formSource: Contains the data that used on Forms like type of the input and placeholder....
- Homepage:
Contributions are welcome! If you'd like to contribute to this project, please fork the repository, make your changes, and submit a pull request.
[Yassin Zerouali] - [https://github.com/0uali-Yassine]
This project is licensed under the MIT License - see the LICENSE file for details.