Check out the live demo Live Demo.
Welcome to our dynamic eCommerce Dashboard built with React, TypeScript, and SASS. Featuring interactive data visualization powered by React-Table and Chart.js-2, this dashboard provides insightful analytics at your fingertips. Additionally, we've crafted an engaging guessing game using vanilla JavaScript, allowing users to test their intuition with instant feedback and tracking of their attempts.
This project is an eCommerce Dashboard designed to provide users with a comprehensive view of their online store's performance and customer trends. It's built using React.js, TypeScript, and SASS to ensure a robust and scalable solution. The dashboard includes interactive data tables and dynamic charts, powered by React-Table and various charting libraries, for visualizing sales trends, product tracking, and user demographics. Additionally, there's functionality for managing products, tracking orders, and analyzing revenue distribution.
-
Responsive Design: The dashboard is fully responsive, ensuring seamless user experience across devices and screen sizes.
-
Interactive Data Tables: Utilizing React-Table, users can easily browse through and analyze various datasets with sorting, filtering, and pagination functionalities.
-
Dynamic Charts and Graphs: Visualize key metrics such as:
-
👉 Number of users and gender statistics
-
👉 Product inventory status (in-stock vs. out-of-stock)
-
👉 Category-wise product sales (pie chart)
-
👉 Revenue trends (line chart)
-
👉 Order fulfillment ratio
-
👉 Revenue distribution
-
👉 Users age group distribution
-
Product Management: Functionality for adding new products, tracking product status (shipped, delivered, dispatched), and managing inventory.
Here are some screenshots of the Shiksha Arpan Platform:
- React.js
- TypeScript
- SASS
- React-Table
- Various charting libraries (e.g., Chart.js, D3.js) for dynamic visualization
- Clone the repository:
- 👉 git clone
- Install dependencies:
- 👉 npm install