Coder Social home page Coder Social logo

lalitmohan10 / ekagrata Goto Github PK

View Code? Open in Web Editor NEW
0.0 1.0 0.0 5.47 MB

Ekagrata is the web app which helps students to increase their level of concentration while solving assignments

Home Page: http://ekagrata.herokuapp.com/

JavaScript 96.86% HTML 2.71% CSS 0.43%
reactjs nodejs expressjs mongodb tensorflowjs googleclassroom

ekagrata's Introduction

Ekagrata

No matter how much an individual swear that he/she won’t be “that person,” it seems every smartphone user eventually becomes chained to their phone. Studies show most smartphone users keep their devices within arm’s reach all day, every day. Every few minutes, even if the phone didn’t vibrate or sound an alert, he/she feel obligated to check for updates on the tiny computers we keep close. Smartphones are increasingly addictive and distracting, and as a result it’s getting harder for people to pay attention to what they’re doing.
Ekagrata is the web app which helps students to increase their level of concentration while solving assignments assigned by the teacher using Google Classroom and generates the report containing the total amount of time the student was disracted.

How It Works

First, students/teachers sign into Attentive using their Google account. Then, through the use of Google Classroom API, they are automatically shown their classes and assignments. The model is a build on top of Mobilenet model (transfer learning) which determines if a student is doing his work without being distracted or not. Users simply select the course and assignment they would like to work on and choose wheter they are student or teacher, if selected student hit the start button wait for a while, This begins a process that takes an image of the student every second. Once they click stope, the custom ML model analyzes the images taken during the session and writes the info gathered from the images (amount of time spent on an assignment, the average attention span of the student, and times when the student was distracted) into a MongoDB database. This info is then displayed inside the teacher portal.

How to Run

  • Clone this repo
  • Set up Google Classroom API credentials,set Redirect url to http://example.com/authcallback
  • Create .env file in root directory, add CLIENT_ID,CLIENT_SECRET,REDIRECT_URIS,MONGODB_URL
  • Do npm install in root directory and client directory
  • run server using "node server.js" in root directory
  • In client directory do npm start

Challenges We Ran Into

Before this hackathon, we had no idea that a project like this could even be created. It took countless hours of reading blogs, and trial and error to get everything working.
Some key problems I faced:

  • Google Classroom API integration
  • Using Machine learning in javascript

Built With

  • React.js
  • Express.js
  • Node.js
  • MongoDB
  • Google classroom API
  • ml5.js

Inspiration

Due to COVID-19, everything went online including college and school. Student distraction while studying started increasing. So we came up with this idea.

Future Work

  • Improving the model with more data set.
  • Will be adding features to allow any one to add students and assign assignments (for teachers) and any individual to assign himself a task and checck his own report.

Author

ekagrata's People

Contributors

lalitmohan10 avatar

Watchers

 avatar

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.