<>
Character
Hero
Back to Projects

AttendyXpress - Smart Attendance System

Full Stack DeveloperView Code
Screenshot 1

Overview

AttendyXpress is a smart attendance web application developed using the MERN stack with facial recognition capabilities. Teachers can register, create classes, and add students by uploading their photos. The system uses face-api.js to extract facial descriptors and store them. During attendance, a class photo is uploaded, and faces are matched with stored descriptors to mark attendance automatically. The backend handles secure JWT-based authentication, image uploads, and attendance records, while the frontend provides a responsive UI and real-time feedback.

Key Features

  • ▹Teacher registration and authentication
  • ▹Class creation and management
  • ▹Student photo upload and facial descriptor extraction
  • ▹Automatic attendance marking using face recognition
  • ▹Attendance history and reports
  • ▹Real-time feedback and notifications

Technologies Used

ReactNode.jsExpressMongoDBMulterJWTbcryptface-api.jsReact Toastify

Challenges

Implementing accurate facial recognition and handling multiple face detection in group photos.

Key Learnings

Learned facial recognition with face-api.js and optimized image processing for better accuracy.

Nitish Jangra

© 2026 Developer Portfolio of Nitish Jangra