Giter Site home page Giter Site logo

yvanchu / wing Goto Github PK

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

Ever just wanted an excuse to leave that awkward date/party? With Wing, we can give you the perfect excuse to get out by getting a phantom call from your mom whenever you scratch your head

Home Page: https://yvanchu.github.io/wing/

HTML 16.14% CSS 6.25% JavaScript 77.61%
express mediapipe mediapipe-holistic nodejs react twilio

wing's Introduction

Inspiration

The whole team wanted to learn something new for Wildhacks, so we decided to try out gesture tracking with MediaPipe and text/call with Twilio. We thought Alex Cornell and Phil Mills’s usetickle.com was super funny– so we made an inferior version of it :D

What it does

You can scratch the back of your head in front of your laptop camera to trigger a fake phone call and get you out of awkward situations.

How we built it

We used MediaPipe for gesture tracking, Twilio for voice/call integration with phones, the frontend was built with React, backend built with Node.js, express.js, and hosted using Heroku and Github Pages for backend and frontend respectively.

We spent the first three hours learning how to use MediaPipe by follow this YouTube tutorial: https://www.youtube.com/watch?v=oNB5hVabqL4. Then we modified to code to support full holistic body tracking.

Davi implemented the gesture recognition for head scratching. Rui helped set up the Twilio account for call/sms integration. Annie designed a Figma prototype to demonstrate the final concept (https://www.figma.com/proto/cxTyzFPKs1mpy8jvBn2Lwj/WildHacks-2022---Laptop?node-id=13%3A5&scaling=scale-down&page-id=0%3A1&starting-point-node-id=13%3A5).

What's next for Wing

Mobile phone compatibility with our web app

Add in more detectors for more complex gestures (maybe spell casting-like gestures with voice recognition)

Consider other features to connect it with (IFTTT, automate.io, etc)

Develop fully functional gesture interface for computers/phones

wing's People

Contributors

annie-lan avatar davi-maciel avatar ruiiw avatar yvanchu 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.