criticguy/Face-detection

Face detection using Face api

★ 0Forks 0JavaScriptGitHub ↗Compare

Project website ↗

README

Face Detection Web Application

A real-time face detection application that uses your webcam to detect faces and display facial details using face-api.js.

Features

  • Real-time face detection using your webcam
  • Face landmark detection
  • Display of facial details
  • Responsive web interface
  • Browser-based processing (no server-side computation needed)

Prerequisites

Before running this application, make sure you have:

  • Node.js installed on your system
  • A modern web browser (Chrome, Firefox, Safari, or Edge)
  • A working webcam
  • npm (Node Package Manager)

Installation

  1. Clone this repository or download the files
  2. Navigate to the project directory
  3. Install the dependencies:
npm install

Running the Application

  1. Start the server:
npm start
  1. Open your web browser and navigate to:
http://localhost:3000

Technology Stack

  • Frontend:
    • HTML5
    • CSS3
    • JavaScript
    • face-api.js (Face detection library)
  • Backend:
    • Node.js
    • Express.js

Project Structure

  • index.html - Main application interface
  • styles.css - Application styling
  • script.js - Frontend JavaScript logic
  • server.js - Express server setup
  • download_models.js - Face detection model management
  • package.json - Project dependencies and scripts

Browser Support

This application works best on modern browsers with WebRTC support for accessing the webcam.

License

This project is open source and available under the MIT License.

Acknowledgments

  • Built using face-api.js by Vladimir Mandic
  • Uses TensorFlow.js for face detection models

Contributors

criticguy

Issues