Inspiration

The idea for this project came from noticing how traditional login methods like usernames and passwords can be both boring and insecure — especially in university environments where thousands of students need access. I wanted to implement facial recognition as a modern, secure, and convenient login method to improve the student experience.

What it does

This system allows students to log in using facial recognition. Once logged in, each student can access a personalized dashboard that includes:

  • Attendance records
  • Grades for all subjects
  • Registered courses
  • Final GPA and academic performance
  • All academic data in one centralized place

How we built it

We built the system using:

  • React and TypeScript for the frontend
  • Supabase for database management and authentication
  • Python + OpenCV for the facial recognition engine
  • API integration to connect frontend and backend
  • A clean and user-friendly UI designed for students

Challenges we ran into

  • Ensuring facial recognition was both fast and accurate
  • Securing student data and protecting user accounts
  • Integrating face recognition with the user authentication system
  • Designing an intuitive interface that presents academic data clearly

Accomplishments that we're proud of

  • Successfully integrating modern face recognition into a functional web system
  • Creating a platform that serves real student needs
  • Designing an attractive, easy-to-use interface that displays all important academic data

What we learned

  • How to apply AI and facial recognition in real-life use cases
  • The importance of user experience in educational systems
  • How to protect sensitive information like academic records
  • Structuring a full-stack project using modern web technologies

What's next for Face ID login program

  • Improve accuracy by integrating deep learning face recognition models
  • Develop a mobile app version
  • Add full Arabic language support
  • Enable smart notifications for grades, schedules, and announcements
  • Provide admin dashboards for university staff to manage student data

Site

https://stunning-gecko-30dadf.netlify.app

Built With

Share this project:

Updates