A web-based facial recognition system built using face-api.js to provide real-time face detection and recognition. Users can upload and label images for training the system, and then use the app to recognize faces from new images.
- Image Labeling & Training: Upload and label multiple images for training the system to recognize faces.
- Real-Time Recognition: Detect and recognize faces from uploaded images using the stored labeled data.
- LocalStorage Integration: Save labeled images and associated data locally for offline use.
- Interactive UI: A responsive user interface with a collapsible navbar, dropdown settings menu, and real-time notifications.
- JavaScript
face-api.js(for face detection and recognition)- HTML/CSS
- LocalStorage (for saving labeled face data)
- Clone the repository.
- Ensure that the required
face-api.jsmodels are available in the/modelsdirectory. - Open
index.htmlin a browser to start the application.
- Label Images: Upload images and assign a label (e.g., a person's name) to train the system.
- Recognize Faces: Upload a new image and the app will identify any faces and match them to the labeled ones.
- Manage Labeled Data: View, add, and delete labeled images as needed.