Demographic-Info icon indicating copy to clipboard operation
Demographic-Info copied to clipboard

This website can predict the age, gender and multicultural appearence.

Demographic Info

This website takes image url as input and detects human faces. When clicked on the recognised face you can view age,gender and multicultural appearence of the person.

Stack Used

ReactJs - For frontend
Tachyons - For Design
Clarifai - For facerecognition and demographic info
Backend - For the backend

Backend Stack

ExpressJs - To develop APIs
JsonWebToken - For enabling JWT-Authentication MongoDB - Database for the project

Screenshots

Alt Login Alt Login Alt Login

How to run?

In the project directory, you can run:

npm install

Run this command to install all the dependencies.

npm start

Runs the app in the development mode.
Open http://localhost:3000 to view it in the browser.

The page will reload if you make edits.
You will also see any lint errors in the console.