npm package: @ibomorrissey/shoppy
Description: <!-- <img alt="Shoppy Logo" align="right" width="150px" src="https://github.com/Dragon-H22/Shoppy-DashBoard/assets/88390970/de624915-1d9a-4034-a4a2-a7ca4528bd1c"  /> -->
Latest version: 0.1.0

# Shoppy - Admin Dashboard Template   

<!-- <img alt="Shoppy Logo" align="right" width="150px" src="https://github.com/Dragon-H22/Shoppy-DashBoard/assets/88390970/de624915-1d9a-4034-a4a2-a7ca4528bd1c"  /> -->

<!-- Image logo -->
<!-- ![logo](https://github.com/Dragon-H22/Shoppy-DashBoard/assets/88390970/bae88b3f-11a4-488f-a8be-7a67f6ce4a5a) -->
<!-- ![logo_2](https://github.com/Dragon-H22/Shoppy-DashBoard/assets/88390970/de624915-1d9a-4034-a4a2-a7ca4528bd1c) -->

<img alt="Shoppy Logo" align="center" width="550px" src="https://github.com/Dragon-H22/Shoppy-DashBoard/assets/88390970/de624915-1d9a-4034-a4a2-a7ca4528bd1c"  />


<br><br>
Welcome to the Shoppy Project, an admin dashboard template built using React, Tailwind, and Syncfusion. This template provides a comprehensive set of features for visualizing and managing your data. It includes various charts and visualizations, pages for orders, employees, and customers, as well as several useful apps like a calendar, kanban board, editor, and color picker.

<!--
 *<a href="https://shoppy-dashboard-dragon-h22.vercel.app" target="_blank"> Check it now⚡</a>*
-->

<br>


## Features
The Shoppy Project admin dashboard template comes with a wide range of features, including:
- **Dashboard:** An overview of key metrics and statistics.
- **Orders:** Manage and track customer orders with detailed information.
- **Employees:** Keep track of employee data and performance.
- **Customers:** Maintain a database of customer information.
- **Calendar:** Plan and schedule events with an interactive calendar.
- **Kanban Board:** Visualize tasks and workflows using the Kanban Board.
- **Editor:** Rich text editor for content creation and editing.
- **Color Picker:** Select and customize colors with ease.
- **Charts:** Various chart types including Line, Area, Bar, Pie, Financial, Color Mapping, Pyramid, and Stacked charts for data visualization.


<br>



## Getting Started

To get started with the Shoppy Project, follow these steps:

1. **Clone the Repository:** Clone this repository to your local machine using the following command:
```bash
  git clone https://github.com/Dragon-H22/Shoppy-DashBoard.git
```

2. **Install Dependencies:** Navigate to the project directory and install the required dependencies using your preferred package manager:
```bash
  cd Shoppy-DashBoard
  npm install
```
3. **Run the Application:** Start the development server to run the application locally:
```bash
  npm start
```
4. **Access the Application:** Open your web browser and visit `http://localhost:3000` to see the Fresh Cart frontend in action.




<br>


## Customization
You can easily customize the Shoppy Project to suit your specific needs:
- Modify the dashboard components and layout.
- Add additional pages or features.
- Change the styling and theming to match your branding.
The codebase is well-organized, making it easy to make these customizations.



<br>


## Sample Photos 

#### Home
![1](https://github.com/Dragon-H22/Shoppy-DashBoard/assets/88390970/3ceea889-bfff-4611-a223-1d12c1c7aecf)

<br>

#### Home (Dark Mode)
![2](https://github.com/Dragon-H22/Shoppy-DashBoard/assets/88390970/86c468f9-bd73-4d26-9281-b88da1432675)

<br>

#### Sample Pages
![3](https://github.com/Dragon-H22/Shoppy-DashBoard/assets/88390970/266a461c-b695-4a11-8f01-78fb9caa52cb)

<br>

#### Sample Apps
![4](https://github.com/Dragon-H22/Shoppy-DashBoard/assets/88390970/cc19ba4f-4a5e-47fc-9975-93e31392c813)

<br>

#### Sample Charts
![5](https://github.com/Dragon-H22/Shoppy-DashBoard/assets/88390970/e656f28e-2486-4d07-96b9-bb6245953c85)

<br>

<hr>

Thank you for choosing the Shoppy Project admin dashboard template. We hope it helps you build powerful and visually appealing admin interfaces for your projects. If you have any questions or need assistance, please don't hesitate to contact me. Happy coding!