About The Project

  • A facial emotion detection concept using React JS & the face-api.js.
  • It consists of a photo capture mode with a gallery, and a real-time face detection mode.


Real Time Emotion Analysis Photo – Emotion Analysis
product-screenshoti product-screenshotii

Built With

Written in Javascript ♥

Getting Started

Follow the instructions to set up the project on your local machine.


Install NodeJS LTS

  • npm

    npm install npm@latest -g


  1. Clone the repo

    git clone https://github.com/Rishabh-malhotraa/Capstone-Project.git
  2. Install NPM packages

    npm run install-modules
  3. Start the react and nodejs server concucrrently

    npm run dev


See the open issues for a list of proposed features (and known issues).

Things To do

  • Inital Landing Page
  • Enable Video Feed
  • Real Time Emotion Analysis using TensorFlow
  • Adding Models from face-api
  • Add Static Analysis of a picture
  • Add CI/CD using github actions
  • Deploy on Netlify


Contributions are what make the open source community such an amazing place to learn, inspire, and create. Any contributions you make are greatly appreciated.

  1. Fork the Project
  2. Create your Feature Branch (git checkout -b feature/AmazingFeature)
  3. Commit your Changes (git commit -m 'Add some AmazingFeature')
  4. Push to the Branch (git push origin feature/AmazingFeature)
  5. Open a Pull Request

Refer to this article if you have any difficulty in making a pull request


Distributed under the MIT License. See LICENSE for more information.


Rishabh malhotraa – @rish_bishhh[email protected]

Discord : rishabh.malhotra#4193

Project Link: https://apads-app.netlify.app/


Contributors ✨

Thanks goes to these wonderful people (emoji key):

Rishabh Malhotra

? ? ? ? ?


? ? ?


? ? ?


? ? ? ?

This project follows the all-contributors specification. Contributions of any kind welcome!