Admin Dashboard - MERN Full Stack Web Application

A comprehensive, responsive, and dynamic admin dashboard built with the MERN stack (MongoDB, ExpressJs, ReactJs, NodeJs). This application offers a feature-rich interface for managing various aspects of business operations.

Features

• Multi-page layout with responsive dynamic design
• Dark and light mode toggle
• User authentication

Tech Stack

Frontend

• ReactJs
• Material-UI (MUI)
• Redux Toolkit
• React Router
• Nivo Charts
• Axios

Backend

• NodeJs
• ExpressJs
• MongoDB with Mongoose
• Cors
• Helmet

Installation

1. Clone the repository.
2. Install dependencies for both frontend and backend.
3. Set up your MongoDB database and update the connection string in the backend .env file.
4. Start the backend server.
5. Start the frontend development server.

Pages

1. Dashboard: Dashboard Page
2. Products: Manage and view product information
3. Customers: Data table with customer information
4. Transactions: Table view of transaction data
5. Geography: Visual world map showing geographical data
6. Overview: Profit and sales overview
7. Daily Sales: Dynamic chart of daily sales data
8. Monthly Sales: Dynamic chart of monthly sales trends
9. Breakdown: Detailed breakdown of sales data
10. Admin: Administrative data
11. Performance: Performance metrics and analysis

Contributers

• Kush Mahajan (@kushrm2803)
• Swapnil Pandey (@SwapnilPandey2210)
• Kanika Singh (@kanika-singh-28)