Technologies
- React: JavaScript View library
- Express: Simple Node.js web framework
- Cognitive-services: Public API to recognize emotion by Microsoft
- SASS: CSS pre-processor
- And more...
Install dependency:
yarn
Start back-end server on port 8000:
yarn start-backend
Start front-end server on port 8080:
yarn start-front
Compile the distribution build:
yarn build-front
- Capture image using webcam in the browser
- Save image on server and create published URL
- Fetch emotion from third-party api by providing newly created published URL of the image
- Display emotion
- In order to create URL for image in localhost env, use Ngrok to point to port 8080 and provide that url to fetch emotion from third-party API
Thank you and happy coding!