https://github.com/besufekad-haz/mern-admin-dashboard

In this project I built and deployed a MERN Stack Admin Dashboard following a tutorial. For the frontend, I used Material UI, Material UI Data Grid, Nivo Charts, Redux Toolkit and Redux Toolkit Query. For backend, I used Node JS, Express Js, Mongoose, and MongoDB.
https://github.com/besufekad-haz/mern-admin-dashboard

Last synced: 16 days ago
JSON representation

In this project I built and deployed a MERN Stack Admin Dashboard following a tutorial. For the frontend, I used Material UI, Material UI Data Grid, Nivo Charts, Redux Toolkit and Redux Toolkit Query. For backend, I used Node JS, Express Js, Mongoose, and MongoDB.

• Host: GitHub
• URL: https://github.com/besufekad-haz/mern-admin-dashboard
• Owner: Besufekad-HAZ
• License: mit
• Created: 2023-12-11T07:24:20.000Z (about 1 year ago)
• Default Branch: dev
• Last Pushed: 2024-05-08T13:38:07.000Z (8 months ago)
• Last Synced: 2024-12-15T01:28:38.465Z (30 days ago)
• Language: JavaScript
• Size: 4.13 MB
• Stars: 2
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
# MERN-Admin-Dashboard

In this project I built and deployed a MERN Stack Admin Dashboard following a tutorial. For the frontend, I used Material UI, Material UI Data Grid, Nivo Charts, Redux Toolkit and Redux Toolkit Query. For backend, I used Node JS, Express Js, Mongoose, and MongoDB.

## Description

This project is a MERN stack application that serves as an admin dashboard. It provides a comprehensive interface for managing and visualizing data. The dashboard includes features such as product management, customer management, transaction management, and performance tracking.

## Features

- Dashboard: Provides an overview of the system.

- Products: Allows for the management of product data.

- Customers: Allows for the management of customer data.

- Transactions: Allows for the management of transaction data.

- Performance: Tracks and visualizes system performance.

- Admin: Admin management features.

## Tech Stack

- MongoDB: A source-available cross-platform document-oriented database program.

- Express.js: A back end web application framework for Node.js.

- React.js: A JavaScript library for building user interfaces.

- Node.js: A back-end JavaScript runtime environment.

- Redux: A predictable state container for JavaScript apps.

- Material-UI: A popular React UI framework.

## Getting Started

### Prerequisites

- Node.js

- MongoDB

### Installation

1. Clone the repo

` git clone https://github.com/Besufekad-HAZ/MERN-Admin-Dashboard.git `

2. Install NPM packages

` npm install `

3. Enter your API in `.env`

### Usage

1. Start the Backend Server:

`npm run dev`

2. Run the Frontend Development Server:

`npm start`

## 🚀 Screenshot 

![image](https://github.com/Besufekad-HAZ/Math-Magicians/assets/23375153/1d2e7834-8646-4f23-aa27-3c53fecbbe95)

![image](https://github.com/Besufekad-HAZ/Math-Magicians/assets/23375153/6c509713-23ae-42cf-a360-95632895f8de)

## 🚀 Live Demo 

- [Live Demo Link](https://mern-dashboard-client-37t0.onrender.com/dashboard)

## Contributing

Contributions are what make the open source community such an amazing place to learn, inspire, and create. Any contributions you make are **greatly appreciated**.

1. Fork the Project

2. Create your Feature Branch (`git checkout -b feature/AmazingFeature`)

3. Commit your Changes (`git commit -m 'Add some AmazingFeature'`)

4. Push to the Branch (`git push origin feature/AmazingFeature`)

5. Open a Pull Request

## License

Distributed under the MIT License. See `LICENSE` for more information.

## Contact

Besufekad Alemu - [Besufekad](https://www.linkedin.com/in/besufekadalemu) - LinkedIn

Project Link: [Main_Project](https://github.com/Besufekad-HAZ/MERN-Admin-Dashboard.git)