/react-facerecognitionbrain

Smart brain is a web app that detects the human face present in the image whose URL you submitted.

Primary LanguageJavaScript

Smart Brain Cover

Smart Brain: Face Detection App

By Roy Fa-Lin Wang

Play with Smart Brain click here

Link to front-end repo

Link to back-end repo


About Smart Brain

Smart brain is a web app that detects the human face present in the image whose URL you submitted.

Project Description

This project is about using Clarifai API to detect the human faces in the image the user uploaded after they registered and save the counts of their uploaded image. In this app, I use React.js to build the front-end with Tachyons CSS, use Node.js and express.js, and cooperate with Clarifai face detection API, and use PostgreSQL to build the user login system and database that keeps track of the entries number.

How to Use

This website is now deployed on Heroku: Smart Brain by Roy. (The first loading might require 30-second of wait.)

  1. Register a user account with name, email and password

Register

  1. Paste an image URL in the box and click Detect Button.
  • In case you don't know where to find image URL, you can try: https://thispersondoesnotexist.com/image. This Person Does Not Exist created by Phillip Wang presents a random, computer generated photo of a fictional person. Refresh the page each time for a new face.

Paste URL

  1. Ta-DA! Did you see the face?

Face Detection

  1. You can sign out and sign in to earn more entries!