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

<!-- PROJECT LOGO -->
<br />
<!-- PROJECT LOGO -->
<div align="left" >
<center>
      <a href="public/LOGO.png" align="center">
        <img src="public/LOGO.png" alt="Logo" width="50" height="50">
      </a>    
</center>
<center>
       <h1 style="display: inline-block; margin-left: 10px;">Nickelfox Sales Management Dashboard</h1>
</center>
</div>
<br />

<br />
<br />
<!-- TABLE OF CONTENTS -->
<details  align="left">
  <summary>Table of Contents</summary>
  <ol>
    <li>
      <a href="#about-the-project">About The Project</a>
      <ul>
        <li><a href="#built-with">Built With</a></li>
      </ul>
    </li>
    <li>
      <a href="#getting-started">Getting Started</a>
      <ul>
        <li><a href="#prerequisites">Prerequisites</a></li>
        <li><a href="#installation">Installation</a></li>
      </ul>
    </li>    
    <li><a href="#license">License</a></li>    
    <li><a href="#license">Acknowledgments</a></li>
  </ol>
</details>
<br />
<br />
<!-- ABOUT THE PROJECT -->

## About The Project

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

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

### <h3>Built With :</h3>

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

<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/nickelfox-sales-management.git
   ```
2. **Navigate to the project directory**
   ```sh
   cd nickelfox-sales-management
   ```
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/nickelfox-sales-management 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="">
<a align="center" href="https://github.com/themewagon/elegent/graphs/contributors">
<img src="https://contrib.rocks/image?repo=themewagon/elegent" /><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
[linkedin-shield]: https://img.shields.io/badge/-LinkedIn-black.svg?style=for-the-badge&logo=linkedin&colorB=555
[linkedin-url]: https://linkedin.com/in/othneildrew
[product-screenshot]: public/homepage.png
[product-screenshot-2]: public/homepage_2.png
[Next.js]: https://img.shields.io/badge/next.js-000000?style=for-the-badge&logo=nextdotjs&logoColor=white
[Next-url]: https://nextjs.org/
[React.js]: https://img.shields.io/badge/React-20232A?style=for-the-badge&logo=react&logoColor=61DAFB
[React-url]: https://reactjs.org/
[Vue.js]: https://img.shields.io/badge/Vue.js-35495E?style=for-the-badge&logo=vuedotjs&logoColor=4FC08D
[Vue-url]: https://vuejs.org/
[Angular.io]: https://img.shields.io/badge/Angular-DD0031?style=for-the-badge&logo=angular&logoColor=white
[Angular-url]: https://angular.io/
[Svelte.dev]: https://img.shields.io/badge/Svelte-4A4A55?style=for-the-badge&logo=svelte&logoColor=FF3E00
[Svelte-url]: https://svelte.dev/
[Laravel.com]: https://img.shields.io/badge/Laravel-FF2D20?style=for-the-badge&logo=laravel&logoColor=white
[Laravel-url]: https://laravel.com
[Bootstrap.com]: https://img.shields.io/badge/Bootstrap-563D7C?style=for-the-badge&logo=bootstrap&logoColor=white
[Bootstrap-url]: https://getbootstrap.com
[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
