Sobre • Funcionalidades • Layout • Como executar • Tecnologias • Autora
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. A cada atividade concluída o usuário recebe um XP e assim vai aumentando de nível ao atingir a meta máxima.
O MoveIt foi 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 projeto inicial foi inteiramente voltado para web, porém afim de aprofundar as minhas habilidades criei a versão mobile do MoveIt.
- Experience Percent
- Profile
- Completed Challenge
- Countdown
- Iniciar ciclo
- Abandonar ciclo
- Finalizar ciclo
- Definir desafios
- Falhar no desafio
- Encerrar desafio
- Resetar tempo
- Completar desafio
- Aumentar XP
- Resetar tempo
- Passar para o próximo desafio
- Passar de level após completar a barra de XP
- Exibir modal quando avançar de nível
- Registrar novo usuário
- Alterar dados da conta
- Alterar dados pessoais (Nome e Sobrenome)
- Alterar dados de acesso (E-mail e senha)
- Resetar dados acumulados dos desafios concluídos
- Excluir conta de usuário
O layout da aplicação está disponível no Figma e foi feito por Nayara Corrêa baseado no layout feito pelo Tiago Luchtenberg para a NLW#4:
Layout NLW#4:
Antes de começar, você vai precisar ter instalado em sua máquina as seguintes ferramentas: Git, Node.js. Além disto é bom ter um editor para trabalhar com o código como VSCode
# Clone este repositório
$ git clone git@github.com:nayaracorrea/moveit-mobile.git
# No seu terminal/cmd instale o Expo CLI
$ npm install --global expo-cli
# Acesse a pasta do projeto no seu terminal/cmd
$ cd moveit-mobile
# Vá para a pasta da aplicação
$ cd moveit-mobile
# Instale as dependências
$ npm install ou yarn install
# Inicie o Expo
$ expo start --android ou expo start --ios
# Obs.: Se for executar a aplicação no Android lembre-se de ter um emulador em execução antes de
# iniciar o expo
# Obs.2: A aplicação pode ser executada diretamente no seu smartphone.
# Para isso você precisa ter instalado no seu dispositivo o aplicativo do Expo e scannear o QR Code
# que aparece no canto inferior esquerdo da página que irá abrir após rodar o comando expo start.
As seguintes ferramentes foram usadas na construção do projeto:
Aplicativo (TypeScript + JavaScript)
Veja o arquivo package.json
- 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
Nayara Corrêa 🚀
Feito por Nayara Corrêa 👋🏽 Entre em contato!