0uali-yassine / admin-dashboard-v1-app

📊 An admin dashboard app built with React Recharts, and React Router Dom. Monitor and manage data efficiently with intuitive visualizations and responsive design.

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.