Sobre • Tecnologias • Layout • Como executar • Autor
MoveIt foi criado com o intuito de ajudar pessoas que passam muito tempo em frente ao computador a realizar uma pausa e fazer uma atividade durante um determinado período. Ele é baseado na técnica de Pomodoro, consistindo em curtos ciclos de trabalho/estudo acompanhados de uma pequena pausa. Dessta forma, a cada atividade concluída, no tempo de pausa, o usuário recebe um XP e assim vai aumentando de nível ao atingir a meta máxima.
O MoveIt é um projeto desenvolvido na NLW#4 realizado pela Rocketseat e ministrada pelo CTO Diego Fernandes. O NLW é uma experiência online com muito conteúdo prático, desafios e hacks onde o conteúdo fica disponível durante uma semana.
O deploy do projeto foi feito pelo Vercel e você pode vê-lo em MoveIt
- Experience Bar (experiência atual e a necessária para o próximo level)
- Profile
- Completed Challenges
- Countdown (de 25min)
- Iniciar ciclo
- Abandonar ciclo
- Finalizar ciclo
- Definir desafios
- Falhar no desafio
- Resetar desafios
- Resetar tempo
- Completar desafio
- Aumentar XP
- Resetar tempo
- Passar para o próximo desafio
- Notificação de novo desafio disponível
- Exibir notificação no browser
- Inserir áudio de notificação
- Passar de level após completar a barra de XP
- Exibir modal quando avançar de nível
As seguintes ferramentes foram usadas na construção da aplicação:
Website (Next.js + TypeScript)
Confira o arquivo package.json
O layout da aplicação está disponível no Figma e foi feito pelo Tiago Luchtenberg:
Antes de tudo, é preciso ter em sua máquina as seguintes ferramentas: Git, Node.js.
Além de um editor para trabalhar com o código, como o VSCode
# Clone este repositório
$ git clone [email protected]:JonatasDuarte/move.it
# Acesse a pasta do projeto no seu terminal
$ cd move.it
# Vá para a pasta da aplicação
$ cd move.it
# Instale as dependências
$ npm install ou yarn install
# Execute a aplicação em modo de desenvolvimento
$ npm run dev ou yarn dev
# A aplicação será aberta na porta:3000 no seu browser - acesse http://localhost:3000
- Faça um fork do projeto
- Crie uma nova branch com as suas alterações:
git checkout -b my-feature - Salve as alterações e crie uma mensagem de commit contando o que você fez:
git commit -m "feature: My new feature" - Envie as suas alterações:
git push origin my-feature
- Caso queira saber mais sobre como contribuir em um projeto no git: Clique aqui
Feito com 💙 por Jonatas Duarte