Tecnologias   |    Projeto   |    Layout   |    Como executar

🚀 Tecnologias

Esse projeto foi desenvolvido com as seguintes tecnologias:

• React
• Next.js
• TypeScript
• MongoDB

💻 Projeto

Acesse em: https://nlw-move-it-beta.vercel.app

O move.it é um app que une a técnica de Pomodoro com a realização de exercícios físicos para quem passa muito tempo na frente do computador, feito durante o evento Next Level Week 4, da Rocketseat.

🚀 Funcionalidades que adicionei após o evento

• Dark theme
• Responsividade
• Login pelo github utilizando o NextAuth
• Cadastro do usuário em banco de dados utilizando o MongoDB
• Ranking de usuários, buscando as informações através da função getServerSideProps do Next.js
• Animações de loading utilizando o Nprogress
• Scrollbars customizadas

🔖 Layout

Você pode visualizar o layout do projeto através desse link. É necessário ter conta no Figma para acessá-lo.

🚀 Como executar

• Clone o repositório
• Instale as dependências com yarn
• Crie um Github App para que seja possível fazer o login
• Pegue o ID e o SECRET do App que você criou, e coloque em um arquivo .env.local, como exemplificado no .env.example
• Crie uma conta e um cluster no MongoDB
• Coloque a URL do banco de dados no arquivo .env.local como exemplificado no .env.example
• Inicie o servidor com yarn dev

Agora você pode acessar localhost:4444 do seu navegador, logar com seu github e utilizar sua própria base de dados.

---

Feito com ♥ por Marcelino Teixeira