Skip to content

clementreiffers/emotion-recognition-website-react

Repository files navigation

emotion-recognition-website-react

reactjs javascript

facial emotion recognition AI used in a website made with React

✨✨✨✨✨✨✨✨✨✨✨✨✨✨✨✨✨✨

➡️➡️➡️Try the AI directly in your Browser !!⬅️⬅️⬅️

✨✨✨✨✨✨✨✨✨✨✨✨✨✨✨✨✨✨

Overview

  1. Inspiration
  2. Launch the website
    1. Installation
    2. Start the App
    3. Build the App
  3. Sources

Inspiration

This project is inspired from this project. The goal is the same, make a complete website to launch an AI able to recognize emotions.

The AI was trained by myself and friends in this project. N.B. There already is a website inside "emotion_recognition_cnn" but made with python and works only in server side. (We use the camera from the server) The goal of this old project wasn't doing an interface but only making a demo of our AI. There real interface of our project is here.

Launch the website

you can directly go to this link and accept using the camera.

If you want to launch the website yourself on your computer, there is below some steps to take this:

yarn install

in the first time, you have to install all requirements, so :

  • react
  • react-camera
  • tfjs (a portability of tensorflow of javascript, used to launch our AI)

yarn run start

once you have installed all the requirements, you can type this command in the terminal. With this command, the website is compiled and the terminal will tell you when you will be able to launch it. you will be local, so localhost:3000 will work on your browser

yarn run build

if you want an optimized version of your website, an example of a build is available in the gh-pages branch or this repository. It is not necessary if you stay in local.

Sources