https://github.com/mohamedumar083/rapid_quest_frontend
This is the frontend for the Sales Analytics Dashboard, built using React and Chart.js. It visualizes sales data and customer insights, including total sales, sales growth rate, new and repeat customers, geographical distribution, and customer lifetime value.
https://github.com/mohamedumar083/rapid_quest_frontend
axios bootstrap chartjs html-css-javascript react
Last synced: 3 months ago
JSON representation
This is the frontend for the Sales Analytics Dashboard, built using React and Chart.js. It visualizes sales data and customer insights, including total sales, sales growth rate, new and repeat customers, geographical distribution, and customer lifetime value.
- Host: GitHub
- URL: https://github.com/mohamedumar083/rapid_quest_frontend
- Owner: MohamedUmar083
- Created: 2024-09-12T13:54:21.000Z (9 months ago)
- Default Branch: main
- Last Pushed: 2024-09-12T19:23:40.000Z (9 months ago)
- Last Synced: 2025-03-16T06:12:10.341Z (3 months ago)
- Topics: axios, bootstrap, chartjs, html-css-javascript, react
- Language: JavaScript
- Homepage: https://rq-ecomm.netlify.app/
- Size: 48.8 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Sales Analytics Dashboard - Frontend
## Overview
This is the frontend for the Sales Analytics Dashboard, built using React and Chart.js. It visualizes sales data and customer insights, including total sales, sales growth rate, new and repeat customers, geographical distribution, and customer lifetime value.
## Technologies Used
- **React**: JavaScript library for building user interfaces
- **Chart.js**: JavaScript library for data visualization
- **Axios**: HTTP client for making API requests
- **Bootstrap**: For responsive design and layout
## Components
### 1. Sales Over Time
- **Component**: `TotalSales.jsx`
- **Description**: Visualizes total sales for different intervals (daily, monthly, quarterly, yearly) fetched from the backend.
### 2. Sales Growth Rate
- **Component**: `SalesGrowth.jsx`
- **Description**: Displays the sales growth rate over time by comparing data fetched from the backend.
### 3. New Customers
- **Component**: `CustomerDetails.jsx`
- **Description**: Shows the number of new customers added over time, using data from the `shopifyCustomers` collection.
### 4. Repeat Customers
- **Component**: `CustomerDetails.jsx`
- **Description**: Displays the number of repeat customers for various time intervals.
### 5. Geographical Distribution
- **Component**: `CustomerCity.jsx`
- **Description**: Visualizes the distribution of customers across cities using a map.
### 6. Customer Lifetime Value by Cohorts
- **Component**: `Cohort.jsx`
- **Description**: Displays customer lifetime value grouped by cohort based on their first purchase.
## Project Documentation
- [Backend Repository](https://github.com/MohamedUmar083/Rapid_Quest_Backend) - The Backend repository for the project.
- [Api Documentation](https://documenter.getpostman.com/view/25526528/2sAXqne4hY) - Detailed documentation of the API endpoints.
- [Frontend Deployment](https://rq-ecomm.netlify.app/) - Live version of the frontend application.
- [Backend Deployment](https://rapid-quest-backend.onrender.com/ping) - Live version of the backend application.