Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/bhavnesh1811/dil-foods
Dil-Foods Analytic Dashboard is a responsive and interactive dashboard that visualizes data from a fictional e-commerce platform with the help of different charts using chart-Js library. This project is built within a span of 72 hours.
https://github.com/bhavnesh1811/dil-foods
chakra-ui chartjs json-server react react-redux redux
Last synced: 1 day ago
JSON representation
Dil-Foods Analytic Dashboard is a responsive and interactive dashboard that visualizes data from a fictional e-commerce platform with the help of different charts using chart-Js library. This project is built within a span of 72 hours.
- Host: GitHub
- URL: https://github.com/bhavnesh1811/dil-foods
- Owner: bhavnesh1811
- Created: 2024-02-20T15:43:39.000Z (10 months ago)
- Default Branch: main
- Last Pushed: 2024-02-22T19:37:28.000Z (10 months ago)
- Last Synced: 2024-02-23T07:27:48.717Z (10 months ago)
- Topics: chakra-ui, chartjs, json-server, react, react-redux, redux
- Language: JavaScript
- Homepage: https://dilfoods-analytical-dashboard.vercel.app/
- Size: 251 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
## Table of Contents
- [Project Title](#project-title)
- [Introduction](#introduction)
- [Features](#features)
- [Technologies Used](#technologies-used)
- [Installation](#installation)
- [Snaps](#snaps)
## Project Title
Dil-Foods Analytic Dashboard
## Introduction
Dil-Foods Analytic Dashboard is a responsive and interactive dashboard that visualises data from a fictional e-commerce
platform with the help of different chart using chartJs library.This project is built within a span of 72 hours.
## Features
- Data Visualisation using Bar,Pie and Line Charts
- Responsiveness
- Select Year Filter to filter the data based on particular year
- Dark and Light Theme Mode
- Calculation of average sales,average user visited and average revenue per month
## Technologies Used
- React
- JavaScript
- Chakra UI
- React-Redux
- Chart JS
- Redux
## Installation
To set up and run the project locally, follow these steps:
### Step-1 Clone the repository:
git clone https://github.com/bhavnesh1811/Dil-foods.git
### Step-2 Navigate to the project directory:
cd Dil-foods/analytics-dashboard/
### Step-3 Install the required packages:
npm install
### Step-4 Run the Project:
npm run start
## Snaps
