Prashant142 / Mern-Dashboard

A dashboard using MERN stack

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

MERN Dashboard

An informative dashboard with multiple functionalities

Features

Login Page

Proper functional email and password authentication login form.

App Screenshot

Signup page

Register yourself and the passwords will save in hashed form to your database.

App Screenshot

Dashboard section

Dynamic charts that can be change as per the data.

App Screenshot

Permission & Role Management page

Tabel that retrieves the data from your database. And with a well functional search option in the table.

App Screenshot

Technologies Used

  • MongoDB
  • Express.js
  • React.js
  • Node.js
  • Tailwind CSS
  • JavaScript
  • Chart.js

How to Run the Application

  1. Clone the repository to your local machine
  2. Navigate to the project directory in your terminal
  3. Run npm install to install the necessary dependencies
  4. Start both the server by navigating to each directory "Clinet" and "Server"
  5. Run npm start to start the application in front-end and back-end separately.
  6. Open a web browser and go to http://localhost:3000/ to view the application.

Author

Prashant Dhiman

About

A dashboard using MERN stack


Languages

Language:JavaScript 97.0%Language:HTML 2.8%Language:CSS 0.2%