Admin Dashboard Design

This project is an admin dashboard design built using React, Recharts for charts, React Router for Navigation , and Tailwind for styling.

Features

• Responsive Design: The dashboard is fully responsive, ensuring optimal viewing across various devices and screen sizes.
• Recharts: Integration with Recharts to display data in visually appealing and interactive charts.

Technologies Used

• React:
• Recharts
• Tailwindcss
• React-icons
• React-Router-Dom
• 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/0uali-Yassine/admin-dashboard-v1-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.
  • 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.
  • data:Contains the data that used on Tables and Charts.

Screenshots

1. Homepage:

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.