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
Built With
- face-recognition
- node.js
- react
- supabase
- tailwind
- typescript
Log in or sign up for Devpost to join the conversation.