{"id":16323565,"url":"https://github.com/clementreiffers/emotion-recognition-website-react","last_synced_at":"2025-10-25T20:31:06.451Z","repository":{"id":40527586,"uuid":"507370776","full_name":"clementreiffers/emotion-recognition-website-react","owner":"clementreiffers","description":"facial emotion recognition used in a website made with react","archived":false,"fork":false,"pushed_at":"2023-01-05T20:32:18.000Z","size":9954,"stargazers_count":14,"open_issues_count":0,"forks_count":3,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-01-31T10:23:23.620Z","etag":null,"topics":["emotion-recognition","face-detection","face-recognition","fer2013","ferplus","javascript","nodejs","react","react-face-recognition","react-webcam","reactjs","tensorflow","tensorflowjs"],"latest_commit_sha":null,"homepage":"https://clementreiffers.github.io/emotion-recognition-website-react/","language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/clementreiffers.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null}},"created_at":"2022-06-25T17:08:06.000Z","updated_at":"2025-01-28T08:44:15.000Z","dependencies_parsed_at":"2023-02-04T15:01:29.676Z","dependency_job_id":null,"html_url":"https://github.com/clementreiffers/emotion-recognition-website-react","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/clementreiffers%2Femotion-recognition-website-react","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/clementreiffers%2Femotion-recognition-website-react/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/clementreiffers%2Femotion-recognition-website-react/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/clementreiffers%2Femotion-recognition-website-react/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/clementreiffers","download_url":"https://codeload.github.com/clementreiffers/emotion-recognition-website-react/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":238207641,"owners_count":19434095,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["emotion-recognition","face-detection","face-recognition","fer2013","ferplus","javascript","nodejs","react","react-face-recognition","react-webcam","reactjs","tensorflow","tensorflowjs"],"created_at":"2024-10-10T22:55:07.613Z","updated_at":"2025-10-25T20:31:01.090Z","avatar_url":"https://github.com/clementreiffers.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# emotion-recognition-website-react\r\n\r\n[![reactjs](badges/react.svg)](https://en.reactjs.org)\r\n[![javascript](badges/javascript.svg)](https://developer.mozilla.org/fr/docs/Web/JavaScript)\r\n\r\nfacial emotion recognition AI used in a website made with React\r\n\r\n✨✨✨✨✨✨✨✨✨✨✨✨✨✨✨✨✨✨\r\n\r\n[➡️➡️➡️Try the AI directly in your Browser !!⬅️⬅️⬅️](https://clementreiffers.github.io/emotion-recognition-website-react/)\r\n\r\n✨✨✨✨✨✨✨✨✨✨✨✨✨✨✨✨✨✨\r\n\r\n## Overview\r\n1. [Inspiration](#inspiration)\r\n2. [Launch the website](#launch-the-website)\r\n   1. [Installation](#yarn-install)\r\n   2. [Start the App](#yarn-run-start)\r\n   3. [Build the App](#yarn-run-build)\r\n3. [Sources](#sources)\r\n\r\n## Inspiration\r\n\r\n\r\nThis project is inspired from [this project](https://github.com/clementreiffers/emotion-recognition-website).\r\nThe goal is the same, make a complete website to launch an AI able to recognize emotions.\r\n\r\nThe AI was trained by myself and friends in [this project](https://github.com/clementreiffers/emotion_recognition_cnn/).\r\nN.B. There already is a website inside \"emotion_recognition_cnn\" but made with python and works only in server side. (We\r\nuse the camera from the server) The goal of this old project wasn't doing an interface but only making a demo of our AI.\r\nThere real interface of our project is here.\r\n\r\n## Launch the website\r\n\r\nyou can directly go to this [link](https://clementreiffers.github.io/emotion-recognition-website-react/) and accept using \r\nthe camera.\r\n\r\nIf you want to launch the website yourself on your computer, there is below some steps to take this:\r\n\r\n### `yarn install`\r\n\r\nin the first time, you have to install all requirements, so :\r\n- react\r\n- react-camera\r\n- tfjs (a portability of tensorflow of javascript, used to launch our AI)\r\n\r\n### `yarn run start`\r\n\r\nonce you have installed all the requirements, you can type this command in the terminal.\r\nWith this command, the website is compiled and the terminal will tell you when you will be able to launch it. \r\nyou will be local, so `localhost:3000` will work on your browser\r\n\r\n### `yarn run build`\r\n\r\nif you want an optimized version of your website, an example of a build is available in the gh-pages branch or this \r\nrepository. It is not necessary if you stay in local.\r\n\r\n\r\n## Sources \r\n\r\n- [React](https://en.reactjs.org)\r\n- [Badges of the readme](https://github.com/aleen42/badges)\r\n- [tfjs](https://www.npmjs.com/package/@tensorflow/tfjs)\r\n- [the base I used to recognize faces on camera](https://github.com/lauirvin/react-use-face-detection) \r\n- [load a layer model into react](https://towardsdatascience.com/loading-models-into-tensorflow-js-using-react-js-f3e118ee4a59)\r\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fclementreiffers%2Femotion-recognition-website-react","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fclementreiffers%2Femotion-recognition-website-react","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fclementreiffers%2Femotion-recognition-website-react/lists"}