Projeto | Tecnologias | Funcionalidades | Milha extra | Instalação
O Take Care é uma aplicação que utiliza a técnica de Pomodoro com a realização de exercícios físicos para ajudar pessoas que passam muito tempo em frente ao computador.
Foi desenvolvida durante a Next Level Week 4 da Rocketseat.
Voçê pode ver o resultado aqui: Take Care
Foram usadas as seguintes tecnologias:
- Sistema de login usando NextAuth com Auth0;
- Sidebar para navegar entre as páginas home e ranking, além de possibilitar a alteração de tema e fazer logout;
- Barra de experiência;
- Cronômetro;
- Botão Iniciar/abandonar ciclo;
- Card lateral onde são exibidos os desafios;
- Apresenta um modal a cada novo nível alcançado;
- Dados (nível, experiência e desafios concluídos) salvos em cookies;
- Página de ranking onde todos os usuários da aplicação são mostrados num ranking de acordo com o nivel e experiência;
- ✔ Tela inicial
- ✔ Login com github ou google
- ✔ Sidebar
- ✔ Tema Dark
- ✔ Responsividade
Para conseguir utilizar o projeto, você precisará instalar as seguintes ferramentas: Git, Node.js e Yarn. Além de criar uma conta e um banco no mongoDB e uma conta na Auth0 caso tenha interesse em utilizar o mesmo provedor de autenticação que foi usado neste projeto.
Um ponto muito importante para a perfeita execução do projeto são as váriaveis de Ambiente, você pode conferir quais irá precisar aqui: .env.example
# Clone este repositório
$ git clone https://github.com/EdsonLucasbd/TakeCare
# Acesse a pasta do projeto no seu terminal
$ cd TakeCare
# Instale as dependências
$ yarn
# Execute a aplicação em modo de desenvolvimento
$ yarn dev
# A aplicação abrirá na porta:3000Agora você pode acessar localhost:3000 do seu navegador.
Feito com 💖 por Edson Lucas