marcelotadini / moveit

Repositório iniciado juntamente com a next level week 4 na trilha ReactJs.

Este projeto foi desenvolvido juntamente com a Rockseat na Next Level Week 4. São utilizadas as ferramentas Css, HTML, juntamente com TypeScript para a construção de uma página Web. Na página, vários conceitos e estratégias de programação são aplicadas e é utilizada a biblioteca React para estilização.

Funcionalidades 🔎

• Na página inicial pode ser iniciado o countdown.

• Assim que o countdown finalizar, vai aparecer um desafio para ser concluído, junto com uma notificação e um som de alerta.

• O desafio pode ser concluído ou não.

• Caso tenha sido concluído:

  • Será somado o xp na barra de level;
  • Mostrará o novo level, caso mude;
  • Mostrará quanto de xp falta para o próximo level;
  • Indicará quantos desafios foram completados;

• Caso não tenha sido concluído:

  • Será iniciado um novo countdown;
  • O level e a barra de level permanecerão inalterados;

Funcionalidades extras 💡

*Foi utilizado o conceito de cookies para salvar os dados do usuário. Caso ele feche a página ou o navegador, o seu progresso estará salvo.

Tecnologias Utilizadas 🎮

• HMTL 5
• Css 3
• React
• TypeScript

Como executar 🚀

• Clone o repositório
• Instale as dependências com yarn
• Inicie o servidor com yarn dev
• Acesse o localhost:3000 do seu navegador.