Emotion-detection-using-JS

Emotion Detection Using JS

68747470733a2f2f63646e352e766563746f7273746f636b2e636f6d2f692f3130303078313030302f39362f39342f766964656f2d7765622d63616d2d636861742d63616d6572612d69636f6e2d77656263616d2d766563746f722d32323932393639342e6a7067

About The Project



<img src"https://img.shields.io/github/issues-closed-raw/mrsparkle-70/Emotion-detection-using-JS" />

💥 Features

📌 Tech Stack

HTML5 CSS3 JavaScript NodeJS

🚀 PENDING WORK: To Be Done

  1. Make a small input form which takes name age gender as input below the video tag.

  2. Improving the UI using HTML CSS JS for a greater attractive LOOK.

  3. Make sure to raise the issues and then make the contributions.

Let’s make it A GREAT UI

🕸 IMPORTANT: Bug Fixes

  1. navigator.getUserMedia

navigator.getUserMedia is now deprecated and is replaced by navigator.mediaDevices.getUserMedia. To fix this bug replace all versions of navigator.getUserMedia with navigator.mediaDevices.getUserMedia.

  1. Low-end Devices Bug

The video eventListener for play fires up too early on low-end machines, before the video is fully loaded, which causes errors to pop up from the Face API and terminates the script (tested on Debian [Firefox] and Windows [Chrome, Firefox]). Replaced by playing event, which fires up when the media has enough data to start playing.

📸 Screenshots Of The Project

ss1

ss2

ss3

ss5 ss6

ss4

📑 Contribution Guidelines

  1. Issues will be assigned on a First-Come-First-Serve basis and are applicable only when they are opted through GitHub.

  2. Each issue needs to be completed within a specific time limit according to its difficulty level (Easy: 1 day, Medium: 2-3 days and Hard: 4 days).

  3. If a mentee is unable to solve the allotted issue within the given period, the issue will be passed to other contenders on the discretion of the mentor.

  4. For any doubts feel free to ask your queries to the mentors or peer mentees in the discord.

🤝 How To Contribute ?

If you think that you can add a new feature or want to fix a bug, we invite you to contribute to Emotion-detection-using-JS and make this project better. To start contributing, follow the below instructions:

  1. Create a folder at your desire location (usually at your desktop).

  2. Open Git Bash Here

  3. Create a Git repository.

Run command git init

  1. Fork this Repository.

  2. Clone the forked repository in your local system.

git clone https://github.com/<your_github_username>/Emotion-detection-using-JS
  1. Run the following commands in the root directory ```bash

    Install NodeJS modules

    npm install

Start the development server

npm start

This will start dev server at localhost:3000


7. Raise an issue if you find a bug or add a feature.

8. Wait for the issue to be assigned and proceed only after the issue is assigned to you.

9. Navigate to the project directory.

```bash
cd Emotion-detection-using-JS
  1. Add a reference(remote) to the original repository.
git remote add upstream https://github.com/mrsparkle-70/Emotion-detection-using-JS.git
  1. Check the remotes for this repository.
git remote -v
  1. Always take a pull from the upstream repository to your main branch to keep it updated as per the main project repository.
git pull upstream main
  1. Create a new branch for your feature.
git checkout -b <your_branch_name>

  1. Perfom your desired changes to the code base.

  2. Track and stage your changes.

# Track the changes
git status

# Add changes to Index
git add .
  1. Commit your changes.
git commit -m "your_commit_message"
  1. Push your committed changes to the remote repo.
git push origin <your_branch_name>

  1. Go to your forked repository on GitHub and click on Compare & pull request.

  2. Add an appropriate title and description to your pull request explaining your changes and efforts done.

  3. Click on Create pull request.

Congrats! 🥳 You’ve made your first pull request to this project repo.

Wait for your pull request to be reviewed and if required suggestions would be provided to improve it.

Celebrate 🥳 your success after your pull request is merged successfully.

📑 Code Of Conduct

To maintain a safe and inclusive space for everyone to learn and grow, contributors are advised to follow the Code Of Conduct

👨‍💻 GitHub Beginner’s Guide

Are you a beginner in using Github?

You can refer to the following articles on the basics of Git and Github and also contact me, in case you are stuck:

🤵 Project Admin

😍 Our Valuable Contributors

Thanks to these wonderful people ✨

💙 Happy Contributions !! 💙

📝 Feedback

If you have any feedback, please reach out to us at edsubham@gmail.com

📜 License

Distributed under the MIT License. MIT

MIT License