<a name="readme-top"></a>

<!-- PROJECT LOGO -->
<br />
<br />
<br />
<a href="https://themewagon.com/" target="_blank"><img src="public/favicon.ico" alt="Logo" width="50" height="50"></a>
<h1>Modernize Material  
 Admin Dashboard</h1>
<div align="center">
<img src="https://themewagon.com/wp-content/uploads/2021/03/Frame-172-1.png" alt="Awesome Badge" width="150" height="50"/>
<br />
<br />
<!-- PROJECT LOGO -->
<div align="left" >

# Table of contents

<!--ts-->

- [About The Project](#about-the-project)
  - [Built With](#built-with)
  - [Screenshot](#about-the-project)
- [Getting Started](#getting-started)
  - [Prerequisites](#prerequisites)
  - [Installation](#installation)
- [License](#license)

### Built With

[![React][React.js]][React-url]
[![Material][Material]][React-url]
![E-Chart][Apache-chart]

  <!-- ABOUT THE PROJECT -->

## About The Project

[![Product Name Screen Shot][product-screenshot]](public/homepage.png)

<p align="right">(<a href="#readme-top">back to top</a>)</p>

<!-- GETTING STARTED -->

## Getting Started

### Prerequisites

Before you begin, ensure you have met the following prerequisites:

- [Node.js](https://nodejs.org/) installed on your local machine
- npm or yarn package manager installed with Node.js

### Installation

Follow these steps to get your project up and running:

1. **Clone the repository**
   ```sh
   git clone https://github.com/themewagon/Modernize-Material-Admin.git
   ```
2. **Navigate to the project directory**
   ```sh
   cd Modernize-Material-Admin
   ```
3. **Install dependencies**
   ```sh
   npm install
   ```
4. **Start the development server**
   ```sh
   npm run dev
   ```
   Open your web browser and navigate to http://localhost:3000 to view this application.

<p align="right">(<a href="#readme-top">back to top</a>)</p>

<!-- LICENSE -->

### License

Distributed under the MIT License. See `LICENSE.txt` for more information.

<p align="right">(<a href="#readme-top">back to top</a>)</p>

<a name="readme-top">
<div align="center">
<a align="center" href="https://github.com/themewagon/Argon-Dashboard-2/graphs/contributors">
<img src="https://contrib.rocks/image?repo=themewagon/Argon-Dashboard-2" /><br />
</a></a></div>

<!-- MARKDOWN LINKS & IMAGES -->
<!-- https://www.markdownguide.org/basic-syntax/#reference-style-links -->

[contributors-shield]: https://img.shields.io/github/contributors/othneildrew/Best-README-Template.svg?style=for-the-badge
[contributors-url]: https://github.com/othneildrew/Best-README-Template/graphs/contributors
[forks-shield]: https://img.shields.io/github/forks/othneildrew/Best-README-Template.svg?style=for-the-badge
[forks-url]: https://github.com/othneildrew/Best-README-Template/network/members
[stars-shield]: https://img.shields.io/github/stars/othneildrew/Best-README-Template.svg?style=for-the-badge
[stars-url]: https://github.com/othneildrew/Best-README-Template/stargazers
[issues-shield]: https://img.shields.io/github/issues/othneildrew/Best-README-Template.svg?style=for-the-badge
[issues-url]: https://github.com/othneildrew/Best-README-Template/issues
[license-shield]: https://img.shields.io/github/license/othneildrew/Best-README-Template.svg?style=for-the-badge
[license-url]: https://github.com/othneildrew/Best-README-Template/blob/master/LICENSE.txt
[product-screenshot]: public/db.png
[React.js]: https://img.shields.io/badge/React-20232A?style=for-the-badge&logo=react&logoColor=61DAFB
[React-url]: https://reactjs.org/
[Material]: https://img.shields.io/badge/Material%20UI-007FFF?style=for-the-badge&logo=mui&logoColor=white
[Apache-chart]: https://img.shields.io/badge/echart-4.7.0-green
