Git Product home page Git Product logo

emotion-detection-using-js's Introduction

๐Ÿ‘‹ Hello World, I'm Subham Sinha! ๐ŸŽธ

A passionate 3rd-year B.Tech student studying Instrumentation and Electronics Engineering at Jadavpur University

  • ๐ŸŒฑ Iโ€™m currently diving deep into Machine Learning and Data Structures & Algorithms
  • ๐Ÿ‘ฏ Iโ€™m eager to collaborate on Machine Learning and Web Development projects
  • ๐Ÿ“ซ You can reach me at [email protected]

Connect with me:

https://www.linkedin.com/in/subham-sinha-8900b41ba/

Languages and Tools:

aws bootstrap c cplusplus css3 django figma gcp git hadoop hive html5 illustrator java javascript linux matlab mongodb mysql nodejs pandas python react scikit_learn tensorflow unity xd

mrsparkle-70

ย mrsparkle-70

mrsparkle-70

emotion-detection-using-js's People

Contributors

ak-shat-jain avatar anamikarawat2305 avatar ayushanand308 avatar keshab1113 avatar krunalgupta02 avatar luckysingh98 avatar mrsparkle-70 avatar neha00011 avatar pooranjoyb avatar ritika728 avatar sarita-021 avatar shreyan-12345 avatar suniti-0020 avatar tithib-del avatar trisha-tech avatar tuhinbanerjee31 avatar vk20july avatar zugzwang03 avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar

emotion-detection-using-js's Issues

Improving Footer

Hey, I would like to open issue under JWOC. I wish to add a small description of the Detector and also the social media handles, and will make it responsive as well.

Add testimonial

I want to work on this issue.Kindly assign this issue to me under JWOC.

Dark Mode

Hi, i would like to contribute to this project by providing the dark mode the website for better user experience

Distorted Alignment

Hey, I would like to open this issue under JWOC.
I wish to align this by making a flexbox for the text (switch to light/dark mode) & this toggle button.

photo

Scan for 10 sec

  • It would be nice if the system scans the face for 10 seconds before giving the output.
  • If the person has the same emotion for 10 seconds, then the system can declare the emotion
  • This will help us to read the data accurately and avoid improper output, which may occur if the system gives an emotion output every second due to live scanning.

BUG: Add validation of email

In the footers, in the query section, the send message button gets submitted without any data in email and issue as well. We can keep a validation check there to avoid spam entries. I can do this under JWOC'23.
image

Preloader

Hey, I wish to open this issue under JWOC.
I'll add a preloader which will cover the entire home page.

Testimonial issue

Hey @mrsparkle-70 , I would like to open this under JWOC. Testimonial option is not appearing in menu on detect-similarity page. Also, I'll add the favicon to the testimonial page

Footer

I want to add a footer section for this web under JWOC, please assign me for this issue

[Bug] FaceApi.js doesn't work in Responsive UI

Description

What changes have to be introduced?

Few changes needs to be done :

  • The height and width have to be passed through the html tag
  • In Script.js file the height and width have to be sliced and converted to Number before passing them as arguments in faceapi.matchDimensions() function.
  • Container have to be reshaped accordingly.
  • Making faceApi.js work below 650px

I would like to work in this issue under JWOC 2023. Please assign me @mrsparkle-70

Changing the title

Hey, I would like to change this title of the project from 'Document' to 'Emotion Detector'. I want to open this issue under JWOC. Thank you!
photo

[Feature] Adding a form endpoint in Any Queries section

Description

I would like to add a static endpoint to the Any Queries. Let us know part.

Screenshot :

demo18

Outcomes :

  • The queries will be diverted to the user's email address directly through the redirections of the website.
  • No PHP, NodeJS, Express Server or any backend code required

Implementation :

  • I would be using a third party website called FormSubmit who will do the work for us.
  • We will connect our form to FormSubmit endpoint and they'll email us the submissions

I would like to work on this issue under JWOC 2023. Please assign ๐Ÿ˜„ @mrsparkle-70

Background & Navigation menu

i want to add a nice background and update your navigation menu with hover, colour and others. Under JWOC, please assign me for this issue

Better Folder Restructuring needed

Issues :

The folder structuring for the project is messed up as the directories are not organized properly.

FIX :

  • Need to use .gitignore to ignore some basic static files
  • Add a seperate src directory for the frontend. CSS, JS etc should be inside one src directory

Would be glad if you assign these issues to me under JGEC Winter of Code. @mrsparkle-70

Changing Probability of user's Emotion into Percentage

Reason/Context

Why we need this improvement?

We need this improvement as the emotion is displayed as a probability. But emotions should always be represented in probable percentage (%).

How will this change help?

It will enhance the overall UI of the webpage, hence giving a better user-experience.

Description

How could it be implemented/designed?

This can be achieved by writing some additional code in the script.js file.

Related Screenshots :

demo

Expected :

  • Surprised - 64%
  • Angry - 24%

I would like to work on this issue under JWOC 2023. Would be glad if you could assign this issue to me. @mrsparkle-70

Contact Page

Hey @mrsparkle-70 , I would like to open this issue under JWOC. I wish to add a contact us page:

  • a user can submit his information and message to communicate with the admin.
  • the page will have same UI as home page & will contain the contact form with illustrations
  • the contact form will be validated
  • it will be responsive
  • I will add it in the menu as well

[Enhancement] Making similarity.html Page Responsive.

Reason/Context

Why we need this improvement?

In this current version of the page, the mobile version is broken as the UI basically breaks.

How will this change help?

It will enhance the UI of the webpage, hence giving a better user-experience.

Description

What changes have to be introduced?

Some significant changes in the UI have to be made in order to make it mobile responsive.

Will this be a breaking change?

No, it will not break the change.

Related Screenshot :

responsive 2

I would like to work in this issue under JWOC 2023. Please assign me. Thanks. @mrsparkle-70

Also it would be great if you could label it as either medium or hard as fixing the canvas takes really long. ๐Ÿ‘

Testimonial Responsiveness

Hey, I would like to open this issue under JWOC. The testimonial page has responsiveness issue and the pagination buttons are not appearing on small screen size. I would like to improve this

photo

Dark and Light

I want to add dark and light mood on your web-site, Under JWOC, please assign me for this issue

No live link to preview

Hey @mrsparkle-70 , I would like to open this issue under JWOC. There should be a live link which should be included in the readme of the project. I wish to generate that link using github pages and I'll add it in the readme.

[Feature] Convert the Application to NodeJS App

Description

As discussed with @mrsparkle-70 . I would like to make this Application a NodeJs Applicaiton so that Backend and Frontend work can be done parallelly.

Outcomes

  • We would be able to work on backend part irrespective of the Frontend Condition.
  • We will have more authority over our application.
  • We would be able to use Database Management Systems to store data and information related to the Website for further research purposes.
  • Data saving can lead to working on different aspects such as Machine Learning or AI.

I would like to work on this issue under JWOC 2023. Please Assign me with this issue. @mrsparkle-70

[Feature] Initiate MongoDB Connection Locally

Description

As the main work of setting up the project to NodeJS is finally complete. It is time we start working on the Database.

Workflow :

  • Install mongoose using Node-Package-Manager (npm)
  • Setup Directories for the Database.
  • Setting Up the Connection on localhost:3000
  • Defining Schema & Models for the Database
  • Setting up Routes for MongoDB
  • Hitting endpoints to save data in MongoDB
  • Setup MongoDBCompass to view data locally.
  • Finding to way to dump the data in the repository.

I would like to work on this issue under JWOC 2023. Please Assign @mrsparkle-70 ๐Ÿ˜„

[Enhancement] Adding Mobile Responsiveness

Reason/Context

Why we need this improvement?

In this current version of the page, the mobile version is broken as the UI basically breaks.

How will this change help?

It will enhance the UI of the webpage, hence giving a better user-experience.

Description

What changes have to be introduced?

Some significant changes in the UI have to be made in order to make it mobile responsive.

Will this be a breaking change?

No, it will not break the change.

Related Screenshot :

responsive

I would like to work in this issue under JWOC 2023. Please assign me. Thanks. @mrsparkle-70

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.