Projeto-Next-Level-Week-4

---

Neste projeto desenvolvido durante a Next Level Week realizada pela @Rocketseat Tivemos o projeto Chamado Move-it, um projeto baseado no metodo de pomodoro, com uma gameficaçãoa fim de fazer as pessoas cumprirem corretamente os as regras...

Este projeto foi feito do inicio ao fim, incluse com deploy! Confira clicando AQUI

WebSite   |    Funcionalidades   |    Layout   |    Licença

Fotos Da Aplicação:

Funcionalidades:

• Temporizador de 25 minutos para focar em estudos/trabalho etc...
• Sistema de desafios para quanod acabar o tempo que podem ou não ser executados.
• Sistema de nivel conforma se completa os dasafios.
• Aviso sonoro do termino do tempo.
• Notificação do termino do tempo.
• Salvamento dos dados via cookies.

Tecnologias utilizadas

• React.js
• React-Dom
• Next.js
• Typescript
• js-cookie
• CSS3

Layout

Você pode visualizar o layout do projeto através dos links abaixo:

• Layout Web

Licença

Note que este projeto está sob a licensa MIT. Veja o arquivo para mais detalhes: LICENSE

---

Comandos utilizados durante o evento:

OBS: note que não é um tutorial de como executar a aplicação, isto são os comandos anotados, claro que com eles você pode saber como executar a aplicação, basta ler oque cada comando executa.

Projeto React

• yarn create react-app moveit --template=typescript
  • Cria a base do projeto React.
• cd moveit
  • Entra na pasta do projeto.
• yarn start
  • Inicializa a aplicação do react (abre um browser)

Projeto React em Next.js

• yarn add package.json *instala as dependencias.
• yarn create next-app movit-next
  • Cria uma base com next.js.
• cd movit-next
  • Entra na pasta do projeto.
• yarn add typescript @types/react @types/react-dom @types/node -D
  • Adiciona typescript ao projeto, com modo de desenvolvimento, não vai para produção.
• yarn add js-cookie
  • Blibioteca que ajuda na criação de cookies.
• yarn add @types/js-cookie -D
  • adiciona o typescript apenas na produção, não para o projeto final, já que tudo se transformará em javascript
• yarn dev
  • Inicializa a aplicação do react (abre um browser)
• vercel
• vercel --prod

Notações:

#rumoaoproximonivel; https://undraw.co/illustrations; whimsical; Netlify; 20:00/5 explicação ServerSide(next back-end); 40:00/5 Deploy;