A modern, web-based face analysis system that detects human faces and provides real-time emotion and age analysis based on facial expressions.
- Real-time Face Detection: Uses MediaPipe for accurate face detection via webcam
- Emotion Detection: Detects 7 emotions (Happy, Sad, Neutral, Surprised, Angry, Confused, Disgusted)
- Age Estimation: Estimates approximate age based on facial features and expressions
- Gender Recognition: Estimates gender from facial characteristics
- Expression Analysis: Analyzes facial expressions in real-time
- Modern UI: Beautiful, responsive design with smooth animations
- Real-time Updates: Continuous analysis as facial expressions change
Visit the live website: VisionAuth on GitHub Pages
- HTML5: Modern semantic markup
- CSS3: Advanced styling with gradients, animations, and responsive design
- JavaScript (ES6+): Modern JavaScript with classes and async/await
- MediaPipe: Google's face detection library
- TensorFlow.js: Machine learning capabilities for face analysis
VisionAuth/
├── index.html # Main HTML file
├── styles.css # CSS styling
├── script.js # JavaScript functionality
├── README.md # Project documentation
└── LICENSE # License file
-
No Data Storage: No face data is stored or transmitted
-
Real-time Only: All analysis happens in real-time without saving
-
Camera Access: Only requests camera access when needed
-
HTTPS Required: Modern browsers require HTTPS for camera access
-
Check the troubleshooting section
-
Ensure your browser supports all required features
Note: This is a demonstration project focused on real-time face analysis. For production use, consider implementing more robust emotion and age detection algorithms.