College-Erp icon indicating copy to clipboard operation
College-Erp copied to clipboard

College Erp using MERN Stack

COLLEGE ERP

College ERP using MERN Stack

Setup

  1. Create a .env file in server folder.
  2. Copy the content of .env.example to the newly created .env file
  3. Change the MONGODB_URI to your MongoDB atlas URI
  4. Open a terminal in client folder and run "npm run start"
  5. Open another terminal in server folder and run "npm run start"
  6. Go to "localhost:3000/login/adminlogin"
  7. After successfully running the server, a dummy admin should be created.
  8. Dummy admin username = ADMDUMMY, password = 123

TechStack

  1. Reactjs
  2. Tailwind CSS
  3. MongoDB
  4. Express.js
  5. Redux
  6. Material UI Icons
  7. JWT

Features

  1. Fully Functional Admin, Faculty and Student options
  2. Login feature using JWT
  3. User authentication using JWT
  4. Admin can Update profile details, password in profile section
  5. Admin can add delete or get any student, admin or faculty
  6. Admin can add new departments and subjects
  7. Admin can create new notices
  8. Faculty can Update profile details, password in profile section
  9. Faculty can create new test, mark attendance or students and also upload marks of created tests
  10. Student can Update profile details, password in profile section
  11. Student can check their attendance, marks and subject list
  12. Error display feature available with form validation
  13. Modern UI

Features to be added later in the future

  1. Mobile Responsiveness
  2. Sections other than academics
  3. More freedom to admin while adding new students,admins,faculties or subjects

Preview

Admin

https://user-images.githubusercontent.com/90241373/156794210-af4db587-1aba-4289-9196-07f2e179d9bb.mp4


Faculty

https://user-images.githubusercontent.com/90241373/156794428-1a73579c-8116-45dd-bee4-140f3b6de2c8.mp4


Student

https://user-images.githubusercontent.com/90241373/156794474-1ba1d10e-30c8-4ce7-881b-520d7ab6aec6.mp4