ERP_DASHBOARD

Title: How to Set Up an ERP Dashboard with Role-Based Access Control in React and Node.js

Description:

In this tutorial, I’ll guide you through the setup of an ERP Dashboard with Role-Based Access Control. This project includes separate dashboards for Admin, Student, and Teacher roles, each with tailored features and permissions. You’ll learn how to initialize a Git repository, push it to GitHub, and set up both backend and frontend for a seamless development experience.

Table of Contents:

1. Project Setup in Git
2. Backend Setup
3. Frontend Setup
4. Project Demo
5. GitHub Repository
6. Run the Project

---

📂 Project Setup in Git

1. Initialize Git Repository
   Open a terminal in your project folder and run:

   git init
   

2. Create a .gitignore file
   Inside your project folder, create a file named .gitignore and add the following to ignore unnecessary files:

   node_modules
   .env
   .DS_Store
   

3. Stage and Commit Changes
   Stage all files and commit:

   git add .
   git commit -m "Initial commit"
   

4. Push to GitHub
   • Create a repository on GitHub.
   • Link your local repository to GitHub:

     git remote add origin https://github.com/Shiva0909122/ERP_DASHBOARD.git
     git push -u origin main
     

---

⚙️ Backend Setup

1. Open a new terminal:

   cd MERNERP/backend
   npm install
   npm start
   

🌐 Frontend Setup

1. Open another terminal:

   cd MERNERP/frontend
   npm install
   npm start
   

2. View your project at:
   • Local: http://localhost:3000
   • Network: http://192.168.0.108:3000

---

🔑 Project Demo

Check out the login and dashboards below:

1. Login Page

2. Admin Dashboard

3. Student Dashboard

4. Teacher Dashboard

---

GitHub Repository: ERP Dashboard with Role-Based Access

---

Thank you for watching! Please like 👍, share, and subscribe for more tutorials!

Happy coding!