Student Management System (Frontend)

It is a frontend of student management system.

Features

  • Easy to use
  • Good UI
  • One device login
  • User friendly
  • Has admin,teacher and student section


Build with

  • HTML5
  • CSS3
  • Javascript
  • ES6
  • ReactJS
  • React-Router
  • Axios
  • Bootstrap 5
  • Font Awesome


Related links

https://www.w3schools.com/html/ https://www.w3schools.com/css/ https://developer.mozilla.org/en-US/docs/Web/JavaScript https://reactjs.org/ https://reactrouter.com/ https://www.npmjs.com/package/axios https://getbootstrap.com/docs/5.0/getting-started/introduction/ https://fontawesome.com/


Deployment

To run the project

npm start


Installation

you need to setup this student-management-system repo as a backend in order to run this this repo


Admin

To login go to http://localhost:3000/login/

email: admin@gmail.com
password: avunix9143

AppScreenshort

Admin home page

AppScreenshort

Add a teacher

AppScreenshort

Update a teacher

AppScreenshort

View teacher's profile

AppScreenshort

Change password

AppScreenshort

Teacher

To login go to http://localhost:3000/login/

email: teacher0@gmail.com
password: avunix9143

AppScreenshort

Own profile

AppScreenshort

Add a student

AppScreenshort

Add a checkin

AppScreenshort

Add a checkout

AppScreenshort

Update check

AppScreenshort

Update student profile

AppScreenshort

Delete student profile

AppScreenshort

Watch student's list

AppScreenshort

Watch student's break list and change it's status

AppScreenshort

Change password

AppScreenshort


Student

To login go to http://localhost:3000/login/

email: student10@gmail.com
password: avunix9143

AppScreenshort

View own profile

AppScreenshort

Break list

AppScreenshort

Request a break

AppScreenshort

Change password

AppScreenshort


License

  • You can't use it for commercial usage
  • You can use it just for eductional usage

Built With

Share this project:

Updates