/attendance

Primary LanguageJavaScript

College Student Attendance Information System with React JS

Introduction

  • Implemented an information system for digitization college student attendance with ReactJS, Tailwind CSS, and GraphQL
  • Managed 100% college student & lecturer data, classes data, schedule & attendance data
  • Provides an excellent feature on this project where 100% attendance data is visualized with graphs in real time

Tech Stack & Tools : ReactJS, TailwindCSS, Hasura, GraphQL, ChartJS, Redux, etc.

This project is available in 2 themes, dark and light. Like in the video below themes

Its Excellent Feature is the visualization of attendance data in real time for monitoring, as in the video below :

excellent feature

Login Page login page

Output for Student Page

Student Page

student home page

Attendance Modal in Student

attendance student

Output for Lecturer Page

Lecturer Page

lecturer home page

Attendance Modal in Lecturer

attendance student

Output for Staff Page

Staff Dasboard Page

Staff Dashboard Page Staff Dashboard Page(2)

Managed Data Pages

managed student data managed lecturer data managed class data managed course data managed schedule & attendance data add student data to class print attendance choose print attendance

Change Password for all users

Change Passsowrd