An open API service indexing awesome lists of open source software.

https://github.com/jairodoni/dowhile

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. O Projeto possui client, mobile e server versions.
https://github.com/jairodoni/dowhile

nodejs prisma-orm react-native reactjs sass socket-io typescript

Last synced: 3 months ago
JSON representation

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. O Projeto possui client, mobile e server versions.

Awesome Lists containing this project

README

          




dowhile



[![Licence](https://img.shields.io/badge/license-MIT-green?style=for-the-badge)](LICENSE.md)
TypeScript
React
React
SASS
Vite
Socket.io
Socket.io




Projeto  | 


Layout  | 


Tecnologias  | 


Executando  | 


Referências  | 


Autor


dowhile


---

## **💻 Projeto**

DoWhile foi um projeto desenvolvido durante o evento "NLW Heat" com aulas produzidas pela **[Rocketseat][rocketseat_site]**. 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](http://figma.com/).

#### **Web**




telasWeb




telasWeb

---

## **💻 Tecnologias**

#### **Server** ([Node][node])

- **[Typescript][typescript]**
- **[Prisma][prisma]**
- **[Socket.io][socket.io]**
- **[JWT (JSON Web Token)][jwt]**
- **[Express][express]**

> \* Veja o arquivo [package.json](./server/package.json)

#### **Website** ([React][react])

- **[Typescript][typescript]**
- **[Socket.io (Client)][socket.io_client]**
- **[Sass][sass]**

> \* Veja o arquivo [package.json](./client/package.json)

#### **Mobile** ([React Native][reactnative])

- **[Typescript][typescript]**
- **[Expo][expo]**
- **[Socket.io (Client)][socket.io_client]**
- **[Moti][moti]**

> \* Veja o arquivo [package.json](./mobile/package.json)

#### **Utilitários**

- Editor: **[Visual Studio Code][vscode]**
- Renderizador Mobile: **[Expo Play Store][expo_app]**
- Markdown: **[StackEdit][stackedit]**, **[Markdown Emoji][markdown_emoji]**

---

## **🚀 Como executar o projeto**

### Configurações Iniciais

Primeiro, você precisa ter o **[NodeJS](https://nodejs.org/en/download/)** 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][yarn], ou através do [asdf].

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

### - Usando o terminal acesse a pasta do **[server](./mobile)** e execute os seguintes comandos:

```sh
# Instale as dependencias:
$ npm install

# ou

$ yarn

# Execute o server:
$ npm run dev

# ou

$ yarn dev
```


### - Usando o terminal acesse a pasta do **[client](./client)** e execute os seguintes comandos:

```sh
# 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](./mobile)** e execute os seguintes comandos:

```sh
# 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]('./client')
- [Mobile]('./mobile')

---

## **📚 Referências**

- [Blog Rocketseat][rocketseat_blog]
- [Rocketseat][rocketseat_plataforma]
- [ReactJS][react_doc] | [ReactJS pt-BR][react_doc_ptbr]
- [Node.js][node]

## **👨‍🚀 Autor**


Jairo Doni Prudente Junior



Jairo Doni Prudente Junior



👋 Entre em contato!

[![Linkedin Badge](https://img.shields.io/badge/-LinkedIn_|_JairoDoni-blue?style=for-the-badge&logo=Linkedin&logoColor=white&link=https://www.linkedin.com/in/jairodoni/)](https://www.linkedin.com/in/jairodoni/)
[![Gmail Badge](https://img.shields.io/badge/-jairo.doni97@gmail.com-c14438?style=for-the-badge&logo=Gmail&logoColor=white&link=mailto:jairo.doni97@gmail.com)](mailto:jairo.doni97@gmail.com)

## **📝 Licença**

Esse projeto está sob a licença MIT. Veja o arquivo [LICENSE](LICENSE.md) para mais detalhes.

[rocketseat_blog]: https://blog.rocketseat.com.br/
[rocketseat_plataforma]: https://app.rocketseat.com.br/
[rocketseat_site]: https://rocketseat.com.br/

[react]: https://reactjs.org/
[react_doc]: https://reactjs.org/docs/getting-started.html
[react_doc_ptbr]: https://pt-br.reactjs.org/docs/getting-started.html
[reactnative]: https://reactnative.dev
[moti]: https://moti.fyi
[expo]: https://expo.dev
[expo_app]: https://play.google.com/store/apps/details?id=host.exp.exponent&hl=pt_BR&gl=US
[node]: https://nodejs.org/en/
[prisma]: https://www.prisma.io
[jwt]: https://jwt.io
[express]: https://expressjs.com/pt-br/
[axios]: https://github.com/axios/axios
[socket.io]: https://socket.io
[socket.io_client]: https://socket.io/docs/v4/client-api/
[sass]: https://sass-lang.com
[vscode]: https://code.visualstudio.com/
[typescript]: https://www.typescriptlang.org/
[asdf]: https://github.com/asdf-vm/asdf
[yarn]: https://classic.yarnpkg.com/en/docs/install/#debian-stable
[stackedit]: https://stackedit.io
[markdown_emoji]: https://gist.github.com/rxaviers/7360908