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.
-
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;
*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.
- HMTL 5
- Css 3
- React
- TypeScript
- Clone o repositório
- Instale as dependências com yarn
- Inicie o servidor com yarn dev
- Acesse o localhost:3000 do seu navegador.