Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/kiranwankhade/dil_foods
Welcome to the Dil-Foods Analytics! This repository hosts a responsive and interactive dashboard for visualizing data from a fictional e-commerce platform, developed using Chart.js and react-chartjs-2 libraries within 72 hours.
https://github.com/kiranwankhade/dil_foods
chakraui chartjs javsascript react-chartjs-2 reactjs redux redux-thunk
Last synced: about 2 months ago
JSON representation
Welcome to the Dil-Foods Analytics! This repository hosts a responsive and interactive dashboard for visualizing data from a fictional e-commerce platform, developed using Chart.js and react-chartjs-2 libraries within 72 hours.
- Host: GitHub
- URL: https://github.com/kiranwankhade/dil_foods
- Owner: kiranwankhade
- Created: 2024-04-03T12:03:49.000Z (9 months ago)
- Default Branch: master
- Last Pushed: 2024-04-04T17:54:52.000Z (9 months ago)
- Last Synced: 2024-04-23T05:07:21.617Z (8 months ago)
- Topics: chakraui, chartjs, javsascript, react-chartjs-2, reactjs, redux, redux-thunk
- Language: JavaScript
- Homepage: https://dilfoodsanalytics.vercel.app/
- Size: 396 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
## Dil-Foods Analytics
Welcome to the Dil-Foods Analytics! This repository hosts a responsive and interactive dashboard for visualizing data from a fictional e-commerce platform, developed using Chart.js and react-chartjs-2 libraries within 72 hours.
## Features
- **Data Visualization**: Utilizes Bar, Pie, Doughnut, and Line Charts to represent data in a visually.
- **Responsiveness**: Ensures the dashboard maintains usability across different devices.
- **Year Filter**: Allows users to filter data based on a particular year(2020-2023).
- **Dark and Light Theme Mode**: Supports both dark and light themes for user preference.
- **Calculation**: Provides calculations for average sales, average user visits, and average revenue per month.
- **Random Colors**:When the Charts Load shows in Random Colors Every Time.
## Technologies Used
- React
- JavaScript
- Chakra UI
- React-Redux
- Chart JS
- React-chartjs-2
- Redux
## Installation
To set up and run the project locally, follow these steps:
**Step 1:** Clone the repository:
```bash
git clone
```
**Step 2:** Navigate to the project directory:
```bash
cd Dil_Foods/dilfoods_frontend/
```
**Step 3:** Install the required packages:
```bash
npm install
```
**Step 4:** Run the Project:
```bash
npm run start
```
## Usage
Once the project is running locally, you can access the Dil-Foods Analytics in your web browser.
Explore the various charts and data visualizations to gain insights into the performance of the fictional Analytics platform.
##Screens of Project:
