https://github.com/marceometry/nlw-moveit
Projeto da RocketSeat - NLW4 - com mais funcionalidades adicionadas
https://github.com/marceometry/nlw-moveit
mongodb nextjs nextlevelweek nlw4 reactjs rocketseat typescript vercel
Last synced: 2 months ago
JSON representation
Projeto da RocketSeat - NLW4 - com mais funcionalidades adicionadas
- Host: GitHub
- URL: https://github.com/marceometry/nlw-moveit
- Owner: Marceometry
- Created: 2021-02-23T14:39:14.000Z (over 5 years ago)
- Default Branch: main
- Last Pushed: 2021-05-21T01:01:08.000Z (about 5 years ago)
- Last Synced: 2025-09-15T08:02:08.589Z (9 months ago)
- Topics: mongodb, nextjs, nextlevelweek, nlw4, reactjs, rocketseat, typescript, vercel
- Language: TypeScript
- Homepage: https://nlw-move-it-beta.vercel.app
- Size: 2.05 MB
- Stars: 2
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
Tecnologias |
Projeto |
Layout |
Como executar
## 🚀 Tecnologias
Esse projeto foi desenvolvido com as seguintes tecnologias:
- [React](https://reactjs.org)
- [Next.js](https://nextjs.org/)
- [TypeScript](https://www.typescriptlang.org/)
- [MongoDB](https://www.mongodb.com/1)
## 💻 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](https://github.com/rocketseat-education).
## 🚀 Funcionalidades que adicionei após o evento
- Dark theme
- Responsividade
- Login pelo github utilizando o [NextAuth](https://next-auth.js.org/)
- Cadastro do usuário em banco de dados utilizando o [MongoDB](https://www.mongodb.com/1)
- Ranking de usuários, buscando as informações através da função getServerSideProps do [Next.js](https://nextjs.org/)
- Animações de loading utilizando o [Nprogress](https://ricostacruz.com/nprogress/)
- Scrollbars customizadas
## 🔖 Layout
Você pode visualizar o layout do projeto através [desse link](https://www.figma.com/file/94DF9saEUNO6t7suaTVgmZ/Move.it-2.0-NLW-4). É necessário ter conta no [Figma](http://figma.com/) 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`](http://localhost:4444) do seu navegador, logar com seu github e utilizar sua própria base de dados.
---
Feito com ♥ por Marcelino Teixeira