https://github.com/sanidhyy/admin-dashboard

Shoppy - Admin Dashboard using React JS and Syncfusion Components.
https://github.com/sanidhyy/admin-dashboard

admin-dashboard css html javascript js react reactjs syncfusion syncfusion-ej2

Last synced: 9 months ago
JSON representation

Shoppy - Admin Dashboard using React JS and Syncfusion Components.

• Host: GitHub
• URL: https://github.com/sanidhyy/admin-dashboard
• Owner: sanidhyy
• License: mit
• Created: 2022-06-28T08:31:33.000Z (over 3 years ago)
• Default Branch: main
• Last Pushed: 2024-10-29T12:38:09.000Z (about 1 year ago)
• Last Synced: 2025-04-13T08:09:14.684Z (9 months ago)
• Topics: admin-dashboard, css, html, javascript, js, react, reactjs, syncfusion, syncfusion-ej2
• Language: JavaScript
• Homepage: https://shoppy-dashboard-react.netlify.app/
• Size: 7.01 MB
• Stars: 12
• Watchers: 2
• Forks: 6
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • Contributing: CONTRIBUTING.md
  • Funding: .github/FUNDING.yml
  • License: LICENSE.md
  • Code of conduct: CODE_OF_CONDUCT.md

Awesome Lists containing this project

README

          
# Shoppy - Admin Dashboard using React JS

![A React JS Admin Dashboard](https://user-images.githubusercontent.com/71302066/176727220-9b5f7361-65df-480b-8f85-758954bddfd5.png "A React JS Admin Dashboard")

[![Ask Me Anything!](https://img.shields.io/badge/Ask%20me-anything-1abc9c.svg)](https://github.com/Technical-Shubham-tech "Ask Me Anything!")

[![GitHub license](https://img.shields.io/github/license/Technical-Shubham-tech/admin-dashboard)](https://github.com/Technical-Shubham-tech/admin-dashboard/blob/main/LICENSE.md "GitHub license")

[![Maintenance](https://img.shields.io/badge/Maintained%3F-yes-green.svg)](https://github.com/Technical-Shubham-tech/admin-dashboard/commits/main "Maintenance")

[![GitHub branches](https://badgen.net/github/branches/Technical-Shubham-tech/admin-dashboard/)](https://github.com/Technical-Shubham-tech/admin-dashboard/branches "GitHub branches")

[![Github commits](https://badgen.net/github/commits/Technical-Shubham-tech/admin-dashboard/main)](https://github.com/Technical-Shubham-tech/admin-dashboard/commits "Github commits")

[![Netlify Status](https://api.netlify.com/api/v1/badges/6aeb1ab3-871d-48c0-bc09-2e1fcaef0c2b/deploy-status)](https://shoppy-dashboard-react.netlify.app/ "Netlify Status")

[![GitHub issues](https://img.shields.io/github/issues/Technical-Shubham-tech/admin-dashboard)](https://github.com/Technical-Shubham-tech/admin-dashboard/issues "GitHub issues")

## ⚠️ Before you start

1. Make sure [Git](https://git-scm.com) and [NodeJS](https://nodejs.org) are installed

2. **Yarn** is faster than Npm. So use [Yarn](https://classic.yarnpkg.com/lang/en/docs/install/).

3. You are ready to go :fire:

## 📌 How to use this App?

1. Clone this **repository** to your local computer.

2. Open **terminal** in root directory.

3. Type and Run `npm install` or `yarn install`.

4. Once packages are installed, you can start this app using `npm start` or `yarn start`

5. Now app is fully configured and you can start using this app :+1:

## :fire: Features

- Supports **Dark Theme** and 6+ Theme colors.

- **Mobile Responsive** Layout.

- Built-in **4 Progressive Apps** including:

  1. Calendar

  2. Kanban

  3. Editor

  4. Color Picker

- Easy to customize **8+ charts** with theming support including:

  1. Line

  2. Area

  3. Bar

  4. Pie

  5. Financial

  6. Color Mapping

  7. Pyramid

  8. Stacked

- **4+ Customizable Pages** with full theming support including:

  1. Ecommerce

  2. Orders

  3. Employees

  4. Customers

- **15+ Components** which are easy-to-use and fully customizable.

## :camera: Screenshots:

![Dark Mode](https://user-images.githubusercontent.com/71302066/176737134-626ab7b9-dd4b-4af2-a6ac-343123d6c5c1.png "Dark Mode")

![Different Apps](https://user-images.githubusercontent.com/71302066/176737379-5884f2d3-7a62-4514-a2b9-caa530c048f4.png "Different Apps")

![Different Charts](https://user-images.githubusercontent.com/71302066/176737545-6d7307ba-91c4-4408-91e1-e9604af4f385.png "Different Charts")

![Theme Color Support](https://user-images.githubusercontent.com/71302066/176737750-281c85a5-389e-424f-9f43-a711b7e93b78.png "Theme Color Support")

## 📃 Built with

[](https://www.javascript.com/ "JavaScript")

[](https://reactjs.org/ "React JS")

[](https://tailwindcss.com/ "Tailwind CSS")

[](https://github.com/Technical-Shubham-tech "Built with Love")

## 🔧 Stats

![Stats for this App](https://user-images.githubusercontent.com/71302066/175766396-a33b67dc-57d3-4fe6-8b5a-4072066b70d5.svg "Stats for this App")

## 🙌🏼 Contribute

You might encounter some bugs while using this app. You are more than welcome to contribute. Just submit changes via pull request and I will review them before merging. Make sure you follow community guidelines.

## Buy Me a Coffee 🍺

[](https://www.buymeacoffee.com/sanidhy "Buy me a Coffee")

## 🚀 Follow Me

[![GitHub followers](https://img.shields.io/github/followers/Technical-Shubham-tech?style=social&label=Follow&maxAge=2592000)](https://github.com/Technical-Shubham-tech)

[![Twitter](https://img.shields.io/twitter/url?style=social&url=https%3A%2F%2Ftwitter.com%2FTechnicalShubam)](https://twitter.com/intent/tweet?text=Wow:&url=https%3A%2F%2Fgithub.com%2FTechnical-Shubham-tech%2Fmedical-chat-app)

[![YouTube](https://img.shields.io/badge/YouTube-FF0000?style=for-the-badge&logo=youtube&logoColor=white)](https://www.youtube.com/channel/UCNAz_hUVBG2ZUN8TVm0bmYw)

## ⭐ Give A Star

You can also give this repository a star to show more people and they can use this repository.