Projeto  |  Layout  |  Tecnologias  |  Executando  |  Referências  |  Autor

---

💻 Projeto

DoWhile foi um projeto desenvolvido durante o evento "NLW Heat" com aulas produzidas pela Rocketseat. DoWhile é uma plataforma para as pessoas interagirem e comentarem sobre o que esperam do evento "DoWhile 2021", o mesmo permite fazer login social com github para com isso criar uma conta e poder interagir com o pessoal.

---

🔖 Layout

Você pode visualizar o layout do projeto no formato através desse link. Lembrando que você irá precisar ter uma conta no Figma.

Web

---

💻 Tecnologias

Server (Node)

• Typescript
• Prisma
• Socket.io
• JWT (JSON Web Token)
• Express

* Veja o arquivo package.json

Website (React)

• Typescript
• Socket.io (Client)
• Sass

* Veja o arquivo package.json

Mobile (React Native)

• Typescript
• Expo
• Socket.io (Client)
• Moti

* Veja o arquivo package.json

Utilitários

• Editor: Visual Studio Code
• Renderizador Mobile: Expo Play Store
• Markdown: StackEdit, Markdown Emoji

---

🚀 Como executar o projeto

Configurações Iniciais

Primeiro, você precisa ter o NodeJS instalado na sua máquina.

Se você estiver utilizando o Linux, você pode optar por instalar o Node através do gerênciador de versões asdf para facilitar o processo de mudança da versão do Node, quando for necessário.

Você pode optar também por utilizar o yarn no lugar do npm. Você pode instalar clicando nesse link, ou através do asdf.

Após ter o Node instalado, siga os proximos passos:

- Usando o terminal acesse a pasta do server e execute os seguintes comandos:

# Instale as dependencias:
$ npm install

# ou

$ yarn

# Execute o server:
$ npm run dev

#   ou

$ yarn dev

- Usando o terminal acesse a pasta do client e execute os seguintes comandos:

# Instale as dependencias:
$ npm install

# ou

$ yarn

# Executando website:
$ npm run dev

#   ou

$ yarn dev

Se o browser não abrir automaticamente, acesse: http://localhost:3000.

- Usando o terminal acesse a pasta do mobile e execute os seguintes comandos:

# Primeiro instale o "aplicativo expo" para poder visualizar as telas.
# Em seguida instale as dependencias:
$ npm install

# ou

$ yarn

# Executando Aplicativo:

$ expo start

Use o QRcode para copilar as telas em seu celular.

- Crie um "OAuth App" na sua conta do Github para usar o login social, siga as instruções de a cordo com a versão que estiver testando:

• Web
• Mobile

---

📚 Referências

• Blog Rocketseat
• Rocketseat
• ReactJS | ReactJS pt-BR
• Node.js

👨‍🚀 Autor

_{Jairo Doni Prudente Junior}

👋 Entre em contato!

📝 Licença

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