Character
Hero
Back to Projects

AttendyXpress - Smart Attendance System

Full Stack DeveloperView Code
AttendyXpress - Smart Attendance System 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