Admin Dashboard

The Admin Dashboard is a web application designed for businesses and organizations to manage and track key performance indicators (KPIs). The dashboard provides an overview of important metrics and data.

Features

• Entirely Responsive, supports Light / Dark Mode
• Used RTK Query for data fetching, caching
• Using Mock data from Mongo DB
• Using Mongo DB aggregation for grouping multiple document together

Pages

• Dashboard: View and analyze key performance indicators such as revenue, sales, and customer
• Products: Get the information about the product (name, price, rating, description)
• Customers: Get the list of the customers
• Transactions: Get the list of the transactions
• Geography: Get to know about the distribution of the customers in whole world using world map
• Sales: Get to know about the sales (daily, monthly, yearly, by category)
• Admin: Get the list of the admins
• Performance: Get to know how a particular Seller is performing

Tech Stack

• React
• Redux Toolkit
• Material UI
• Material UI X
• Nivo
• NodeJs
• ExpressJs
• MongoDB

Run Locally

Clone the project

  git clone https://github.com/anshkush92college/admin-dashboard-mern

Go to the project directory

  cd admin-dashboard-mern

Client

Go to the client directory

  cd client

Install dependencies

  npm install 

Add .env file

REACT_APP_BASE_URL=""

Start the server

npm run start

Server

Go to the server directory

  cd server

Install dependencies

  npm install 

Add .env file

MONGODB_URI=""
PORT=""

Start the server

npm run dev

Author

• Ansh Singh

License

MIT

Roadmap

• Add the register / login feature
• Ability to add the custom data instead of using the mock data