JSExpertMax Gesture Controller - Semana JS Expert 7.0

Participação à sétima Semana Javascript Expert. Este é o meu código para a jornada.

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 - Corrigir Banner de titulo de video, para ficar atrás do desenho das mãos e se tornar clicável

Créditos ao Layout

• Interface baseada no projeto Streaming Service de gunnarhawk