/nlw-07-heat-react

Aplicação construída no evento Next Level Week: Heat (aula #02: React): mande mensagens sobre sua expectativa quanto ao Do While 2021! :rocket:

Primary LanguageTypeScriptMIT LicenseMIT

Logo DoWhileApp

Sobre a aplicação   |    Demonstração   |    Como rodar   |    Licença

📑 Sobre a aplicação

O aplicativo "DoWhileApp" tem como objetivo proporcionar um ambiente onde os participantes do Do While 2021 possam comentar suas expectativas sobre o evento que acontecerá em dezembro, observando, em tempo real, as mensagens enviadas por outros participantes também.

  • Aplicação construída na aula 02 (de React) durante a Next Level Week #07: Heat (evento oferecido pela Rocketseat) 🚀

🛠️ Tecnologias

As seguintes tecnologias e ferramentas estão sendo utilizadas neste projeto:

📱 Demonstração

Abaixo é possível encontrar uma demonstração das telas e funcionalidades do projeto desenvolvido, com a alteração de cores e algumas imagens, mas se quiser conferir o layout original das telas, é só acessar este link para o projeto no Figma.

Demonstração

⚙️ Como rodar

Com o Node instalado em sua máquina e o clone da aula 01 de Node (acessível por este link), baixe ou clone este repositório e siga o passo a passo descrito abaixo:

  • Cadastre o aplicativo no GitHub (em configurações < ferramentas de desenvolvedor < OAuth Apps),para conseguir acesso ao serviço de autenticação, colocando a homepage url como http://localhost:4000 e o redirect como http://localhost:3000, não esquecendo de gerar uma chave secreta, definindo essas configurações também em um arquivo .env no projeto Node (siguindo o exemplo abaixo):
GITHUB_CLIENT_SECRET=
GITHUB_CLIENT_ID=
JWT_SECRET=

Agora, por um terminal...

# Acesse a pasta do projeto em Node, instale as dependências, rode as migrations e rode o projeto
$ cd nlw-07-heat-node
$ yarn
$ yarn prisma migrate dev
$ yarn dev

# Acesse a pasta do projeto React, instale as dependências e rode o projeto
$ cd nlw-07-heat-react
$ yarn
$ yarn dev

Agora a aplicação está pronta para ser utilizada através da porta 3000, pelo link: http://localhost:3000.

📃 Licença

Esse projeto está sob a licença MIT. Veja o arquivo LICENSE para mais detalhes.

image