Face-Rekognition-React

React + Postgre SQL + Database + Node.js + Express.js + JavaScript

💡 Smart Brain App

A face recognition app that uses the Clarifai API to detect and locate a human face in the picture.

A full-fledged app with user registration and login system. Frontend built with React.js, backend server and APIs with Node.js & Express.js, and PostgresSQL as database to keep track of how many entries a user has made. Deployed on Heroku.

Click here for Live demo

📕 How to Use the App

Sign Up / Log In
Input an image url and click detect button
The app detects the face in the picture and highlight it with a blue bounding box.

✨ Features

A complete user registration system
Modern & Responsive UI, particle background effects created with Particle.js library
Separate frontend and backend, easy modifications

⚙️ Installation

From your command line, first clone the project:

Clone this repository

$ https://github.com/taroserigano/Face-Rekognition-React.git

Go into the repository
$ cd smart-brain-app

# Remove current origin repository
$ git remote remove origin

Install the dependencies

# Install dependencies
$ npm install

# Start dev development server
$ npm run dev

After installation, open http://localhost:3000, or if you are running both frontend and the backend, you can run it on http://localhost:3001 to view it in the browser.

New Build

$ npm run start

Deploy to Heroku

Please Refer to the official document

🤟 Languages

🛠️ Technologies

APIs

Clarifai API - Predict api to tell what is in your images, videos or text. Capture data about the physical world through images.
Smart Brain API - Smart Brain API endpoints.

NPM Packages

Material UI - React UI framework
particles.js - Lightweight JS library for creating particles.
serve - for serving a single page app or static files