/Face-Login-Signup

Login-Signup using just your face

Primary LanguageJavaScript

Face Login Signup

Face Login Signup is a web application that enables users to register and log in using facial recognition technology. Users can sign up by capturing a photo of their face via the camera and providing their name, and then log in using only their face.

Table of Contents

Introduction

Face Login Signup is a novel way of authentication using facial recognition. It utilizes the face-api.js library for face detection and recognition. Users can easily sign up and log in by capturing their face via the camera.

Features

  • User signup using facial recognition
  • User login using facial recognition
  • Secure authentication process
  • User-friendly interface

Demo

Check out the live demo to see Face Login Signup in action!

Tech Stack

Client:

  • React
  • react-webcam
  • axios

Server:

  • Node.js
  • Express
  • MongoDB with Mongoose
  • face-api.js

Getting Started

Prerequisites

  • Node.js (v14.x or later)
  • npm (v6.x or later)
  • MongoDB (local or cloud instance)

Installation

  1. Clone the repository:

    git clone https://github.com/Ansari-Irfan-360/AI-Music-Player.git
    cd face-login-signup
  2. Install client dependencies:

    cd client
    npm install
  3. Install server dependencies:

    cd ../server
    npm install
  4. Create a .env file in the server directory and add your MongoDB URI and CORS URL:

    MONGO_URL=your_mongodb_url
    CORS_URL=your_client_url (for local hosting http://localhost:3000)
  5. Start the server:

    npm start
  6. Start the client:

    cd ../client
    npm start

The client will run on http://localhost:3000 and the server will run on http://localhost:5000.

Usage

  1. Open your browser and navigate to http://localhost:3000.
  2. Click on the "Sign Up" link to register by capturing your face and providing your name.
  3. After successful registration, click on the "Login" link to log in using facial recognition.

Acknowledgements