Skip to content

Latest commit

 

History

History
75 lines (55 loc) · 2.46 KB

README.md

File metadata and controls

75 lines (55 loc) · 2.46 KB

Admin Dashboard Design

This project is an admin dashboard design built using React, Material-UI (Mui), Recharts for charts, React Progress Circle, and Sass for styling.

Features

  • 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.

Technologies Used

  • React:
  • Material-UI (Mui)
  • Recharts
  • React Progress Circle
  • Sass
  • Context API:
  • JavaScript:
  • CSS:
  • HTML:

Getting Started

To get started with this project, follow these steps:

  1. Clone the repository to your local machine:

    git clone https://github.com/your-username/admin-dashboard-app.git

  2. Navigate to the project directory:

    cd admin-dashboard-app

  3. Install dependencies:

    npm install

  4. Start the development server:

    npm start

  5. Open your browser and visit http://localhost:3000 to view the admin dashboard.

Project Structure

  • 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....

Screenshots

  1. Homepage: Homepage usertablepage userpage Darkmodepage

Contributing

Contributions are welcome! If you'd like to contribute to this project, please fork the repository, make your changes, and submit a pull request.

Author

[Yassin Zerouali] - [https://github.com/0uali-Yassine]

License

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