Web application for Computer Vision developed with React and MediaPipe.
The project allows the use of artificial intelligence models in a web environment to detect and analyze faces in real time through the user's camera.
The application was developed as an exploratory project focused on artificial intelligence applied to the web, integrating real-time face detection through MediaPipe.
The system uses the browser camera to process the user's images and display the results on the interface, demonstrating concepts such as computer vision, real-time video handling, client-side processing, and dynamic rendering on the web.
The main goal of the project is to combine a modern visual experience with an interactive AI technology, showing how this type of tool can be integrated into current web applications.
- Real-time face detection.
- Processing through the browser camera.
- Dynamic visualization of results on the interface.
- Integration of AI models using MediaPipe.
- Client-side processing.
The project uses MediaPipe, a Google solution focused on developing applications with artificial intelligence models optimized to run in different environments, including web applications.
In this application, MediaPipe is used to process the video captured from the user's camera and detect facial information in real time. This makes it possible to work with concepts such as:
- Video capture from the browser.
- Real-time frame processing.
- Face detection.
- Visual analysis using pre-trained models.
- Rendering results on the interface.
- AI integration directly in the frontend.
- Processed image export.
- Before/after comparison mode.
- Support for image uploads.
- Support for video processing.
- Dashboard with detection metrics.
- Accessibility and performance improvements.