Attendance Recording Web App

ReactJS based Web Application to record attendance of students in a class. This was develped and hosted on the request of my Professor at Shiv Nadar University.

Features:

• Students can mark attendance for any class within a few seconds
• A student can only mark attendance from the classroom (Requires location data)
• Only one student can mark attendance from each unique device.
• Professor can initiate and finish the attendance period
• Professor can download .csv file of attendees
• Professor can mark students' attendance if there is any technical issue with their device

Tech Stack

• FrontEnd: ReactJS
• BackEnd: Python FastAPI https://github.com/rahul-madaan/slot-booking-app-backend
• Database: DynamoDB (NoSQL)
• Hosting: AWS Amplify

User Interface

Instructions for students

Login Page

Mark Attendance Page

Interface for professor - initiate/end attendance

Feature to check realtime attendance and mark attendance using ID of student

Notifications

Download attendance as .csv File