Skip to content

O Move.it é uma aplicação desenvolvido 🕹 com o intuito de ajudar aqueles que passam um bom tempo à frente do computador 👨‍💻.

License

Notifications You must be signed in to change notification settings

AntonioNarcilio/move-it

Repository files navigation


💟 Sobre o projeto

O Move it é uma aplicação desenvolvida com o intuito de ajudar aqueles que passam um bom tempo à frente do computador, como é o caso de nós desenvolvedores 👨‍💻.
O que acontece é que essas pessoas com o passar do tempo, acabam desenvolvendo certos problemas gerados por esse uso excessivo, seja eles nas articulações ou nos olhos gerando problema de visão. Com isso o Move it entra para ajudar, unido a técnica de pomodoro com os exercícios/alongamentos que "ajudam a evitar esse problema citado acima". Tudo isso junto em uma aplicação que usa a gamificação para deixar os desafios mais divertidos.

🛸 Tecnologias

reactjs

nextjs
typescript
styled-components
vercel
figma
framer-motion
Lottie Files

⚔ Funcionalidades

  • Opção de Iniciar um ciclo para receber um desafio.
  • Barra de progresso (xp) do usuário atual.
  • Numero de desafios concluído.
  • Receber um desafio, quando o tempo estipulado (25 min) do ciclo chegar ao fim.
  • Notificação quando o ciclo chega ao fim.
  • Opções de desafio concluído ou desafio não concluído ao receber um desafio.
  • Disponibilidade para iniciar um novo ciclo ao selecionar desafio não concluído.
  • Receber experiencia ao concluir um desafio.
  • Subir de nível ao obter a quantidade estipulada para ir para o próximo level.
  • Animação ao subir de level.
  • Navegação entre pagina pelo side bar.
  • Temas dark (dracula) e light (nlw).

👔 Projeto

Clique na imagem para visualizar a aplicação

🖥 Capturas de tela

Notificação
Subindo de level
Temas dark / light
Animação de carregamento

✈ Prototipagem

Clique na imagem para ver o projeto no figma

⚛ Rodando aplicação localmente

⚠ Atenção !
Antes de prosseguir com o passo a passo abaixo você precisa ter instalado em sua máquina o gerenciador de pacote Yarn e o Git.


📝 Clonando o repositório e entrando no diretório criado.

git clone git@github.com:antonionarcilio/move-it.git && cd move-it

📝 Baixando / Instalando dependências.

yarn setup

📝 Rodando Aplicação

yarn dev

Pronto 🎉 se tudo ocorreu conforme o esperado 😁 a aplicação estará rodando na porta 3000. Basta acessar o endereço no navegador http://localhost:3000 e você verá a aplicação funcionando.


📃 Licença

Este projeto esta sobe a licença MIT.

created by Antonio Narcilio ft. Rocketseat