AI-powered hybrid app which uses Tensorflow.js to detect faces and recognize emotions.

Technologies used:

• Frontend: React and Framework7.
• AI: Tensorflow.js (face-api).
• Hybrid deployment: Monaca.

1. Download the project.
2. Run npm install in the directory.
3. Run npm run dev to start the project.
4. If the browser opens URL 0.0.0.0:8080, change it to localhost:8080.

• hybridFunctions.js - includes functions to recognize desktop/mobile device
• routes.js - defines routes in the app

• home.jsx - main page displaying camera and predicting emotions
• settings.jsx - page for modifying app settings (FPS, vibrations, prediction interval, front/back camera)

There is a tutorial available in Medium:

English version: Create an AI-powered emotions detection app with Monaca, React and Framework 7

Spanish version: Crea una app de detección de emociones impulsada por IA con Monaca, React y Framework 7