rohitt-gupta / ecom-dashboard

Ecommerce Dashboard: Monitor, manage, and optimize your online store. -> next, shadcn, mySql, prisma, planetscale

Ecommerce Dashboard

Introduction

The Ecommerce Dashboard is a comprehensive web application designed to provide store owners with a detailed overview of their online store's performance. It was created to address the need for a centralized platform where business metrics such as sales, revenue, and stock levels can be monitored efficiently. This project aims to empower store owners to make data-driven decisions to enhance their business operations.

Problem Statement

Many ecommerce store owners struggle with scattered data sources and lack a unified view of their store's performance. This challenge makes it difficult to track progress, identify trends, and make informed decisions. The Ecommerce Dashboard addresses this problem by aggregating key performance indicators in a user-friendly interface.

Features

• Real-time Analytics: View up-to-date metrics on sales, revenue, and customer engagement.
• Inventory Management: Monitor stock levels and receive alerts for low-stock items.
• Revenue Graphs: Visualize sales trends over time to identify peak periods.
• Customizable Widgets: Tailor the dashboard to display the most relevant metrics.
• Responsive Design: Access the dashboard on any device, ensuring you're always informed.

Technologies Used

• Frontend: React, Next.js, Tailwind CSS
• Backend: Node.js, Prisma, MySQL
• Authentication Clerk
• Payment Gateway Stripe
• Libraries & Tools: Shadcn ui which under the hood uses Recharts, radix-ui etc , Vercel for deployment.

Installation

1. Clone the repository:

   git clone https://github.com/rohitt-gupta/ecom-dashboard.git

2. Install dependencies:

   cd ecom-dashboard
   npm install

3. Set up the environment variables by creating a .env file based on the .env.example.
4. Start the development server:

   npm run dev

Usage

To view the dashboard, navigate to http://localhost:3000 in your browser. Here are some common tasks:

• Viewing Sales Data: Click on the 'Sales' tab to see current sales figures.
• Managing Inventory: Access the 'Inventory' section to update stock levels.
• Customizing the Dashboard: Use the settings menu to select which widgets to display.

Contributing

Contributions are welcome! If you'd like to help improve the Ecommerce Dashboard, please follow these steps:

1. Fork the repository.
2. Create a new branch (git checkout -b feature/AmazingFeature).
3. Make your changes.
4. Commit your changes (git commit -m 'Add some AmazingFeature').
5. Push to the branch (git push origin feature/AmazingFeature).
6. Open a pull request.

Please report bugs and suggest enhancements by opening issues on the GitHub repository.

Contact

For any inquiries or further information, please reach out to us at:

• Email: [email protected]
• Twitter: @whyrohitwhy
• Project Website: ecomdashboard.com