Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/akash-m-se/dashboard

A customizable dashboard app with React and Vite, featuring ecommerce insights, management pages, and a range of Syncfusion components and charts.
https://github.com/akash-m-se/dashboard

css eslint html5 react-router reactjs syncfusion-ej2 tailwindcss vite

Last synced: 14 days ago
JSON representation

A customizable dashboard app with React and Vite, featuring ecommerce insights, management pages, and a range of Syncfusion components and charts.

Awesome Lists containing this project

README

        

# Dashboard App

A dynamic dashboard application built with React and Vite, designed to provide comprehensive insights into ecommerce activities. This app features an array of management tools for employees, orders, and customers, and integrates various Syncfusion components such as a calendar, kanban board, editor, and color picker. It also includes diverse charts—line, area, bar, pie, financial, color-mapping, pyramid, and stacked—for visualizing data trends and metrics.

## Features 🌟

- **Comprehensive Dashboard:** Overview of charts and recent activities on the ecommerce page.
- **Syncfusion Integration:** Features calendar, kanban board, text editor, and color picker.
- **Diverse Charting Options:** Line, area, bar, pie, financial, color-mapping, pyramid, and stacked charts for various data visualization.
- **Customizable Interface:** Fully customizable layout to suit user's needs.

## Screenshots 📸

![App Screenshot](https://hosted-documents-akash.s3.eu-central-1.amazonaws.com/Dashboard+App/Dashboard+App+Github+Readme+Files/ecommerce.jpg)

![App Screenshot](https://hosted-documents-akash.s3.eu-central-1.amazonaws.com/Dashboard+App/Dashboard+App+Github+Readme+Files/orders.jpg)

![App Screenshot](https://hosted-documents-akash.s3.eu-central-1.amazonaws.com/Dashboard+App/Dashboard+App+Github+Readme+Files/customers.jpg)

![App Screenshot](https://hosted-documents-akash.s3.eu-central-1.amazonaws.com/Dashboard+App/Dashboard+App+Github+Readme+Files/calendar.jpg)

![App Screenshot](https://hosted-documents-akash.s3.eu-central-1.amazonaws.com/Dashboard+App/Dashboard+App+Github+Readme+Files/editor.jpg)

![App Screenshot](https://hosted-documents-akash.s3.eu-central-1.amazonaws.com/Dashboard+App/Dashboard+App+Github+Readme+Files/colorpicker.jpg)

![App Screenshot](https://hosted-documents-akash.s3.eu-central-1.amazonaws.com/Dashboard+App/Dashboard+App+Github+Readme+Files/area.jpg)

![App Screenshot](https://hosted-documents-akash.s3.eu-central-1.amazonaws.com/Dashboard+App/Dashboard+App+Github+Readme+Files/pyramid.jpg)

## Deployment 🚀

You can access the live version of the Dashboard App here: [Live Demo](https://dashboard-akash.vercel.app/)

## Environment Setup 🛠️ {#environment-setup}

To run this project, you will need to add the following environment variables to your .env file (a template has been provided as .env.example)

`VITE_SYNCFUSION_LICENSE_KEY`

## Installation 🔧

**1.** Git Clone the Repository

**2.** Navigate to the directory where the repository was downloaded

**3.** Set up the [Environment Variables](#environment-setup)

**4.** Install the Dependencies

```
npm install
```

**5.** Start the application in development mode

```
npm run dev
```

## Authors ✍️

- [Akash](https://github.com/Akash-m-SE)

## Tech Stack 💻

**Language:** Javascript

**Frontend:** React, Vite, TailwindCSS, Syncfusion