/semana-javascript-expert07

JS Expert Week 7.0 - 🙅🤏🏻 Controlling Streaming Platforms using Eye and Hand Detection 👁🖐

Primary LanguageJavaScript

JSExpertMax Gesture Controller - Semana JS Expert 7.0

Seja bem vindo(a) à sétima Semana Javascript Expert. Este é o código inicial para iniciar nossa jornada.

Marque esse projeto com uma estrela 🌟

Preview

Pre-reqs

  • Este projeto foi criado usando Node.js v19.6

Running

  • Execute npm ci para restaurar os pacotes
  • Execute npm start e em seguida vá para o seu navegador em http://localhost:3000 para visualizar a página acima

Checklist Features

  • Titles List

    • [] - Campo para pesquisa não deve travar ao digitar termo de pesquisa
    • [] - Deve desenhar mãos na tela e fazer com que elementos em segundo plano continuem sendo clicáveis 🙌
    • [] - Deve disparar scroll up quando usar a palma das mãos abertas 🖐
    • [] - Deve disparar scroll down quando usar a palma das mãos fechadas ✊
    • [] - Deve disparar click no elemento mais próximo quando usar gesto de pinça 🤏🏻
    • [] - Ao mover elementos na tela, deve disparar evento :hover em elementos em contexto
  • Video Player

    • [] - Deve ser possivel de reproduzir ou pausar videos com o piscar de olhos 😁
    • [] - Todo processamento de Machine Learning deve ser feito via Web worker

Desafios

  • [] - Aula 01 - Diferenciar piscada de olhos entre olho direito e esquerdo e atualizar log para mostrar qual olho que piscou.
  • [] - Aula 02 - Reconhecer gestos de mãos individuais e printar no log
  • [] - Aula 03 - A definir
  • [] - Aula 04 - A definir

Considerações

  • Tire suas dúvidas sobre os desafios em nossa comunidade, o objetivo é você aprender de forma divertida. Surgiu dúvidas? Pergunte por lá!

  • Ao completar qualquer um dos desafios, envie no canal #desafios da comunidade no Discord

Créditos ao Layout