Happy

💻 Projeto

Happy é uma aplicação desenvolvida em comemoração ao dia das crianças, com ela conseguimos conectar diversas casas de acolhimento institucional, realizando agendamentos de visitas para pessoas que querem fazer o dia dessas crianças mais felizes levando amor, esperança e alegria 💜

Esse projeto foi desenvolvido com as seguintes tecnologias:

• Node.js
• React
• React Native
• Expo
• TypeScript

---

🎨 Layout

Web

Mobile

---

Web

• Pagina de sucesso ao realizar o cadastro de novo orfanato

• Pagina de login

• Integração com a API do whatsapp

• Em construção...

Mobile

• Integração com a API do whatsapp

• Em construção...

---

🍃 Rotas

• Servidor http://localhost:3333
• Web http://localhost:3000
• Mobile(expo) http://localhost:19000

---

💻 Executando o Happy

Pré-requisitos

É necessário ter instalado na sua máquina para execução desse projeto:

• NodeJS
• Gerenciador de pacotes (Npm ou Yarn)

💻 Clonando o Repositório

$ git clone https://github.com/Thiago-l/happy-nlw3.git
# entre na pasta do projeto

💻 Rodando o Happy web

Entre na pasta

$ cd web

Instale as dependências

$ yarn
# ou, caso use npm
$ npm install

Rode a aplicação

$ yarn start
# ou, caso use npm
$ npm start

Caso você tenha uma conta no mapbox, pode usar seu token para utilizar o mapa da aplicação. No entanto, se você não quiser ter este trabalho, sem problemas, basta comentar a linha de código do mapbox, e descomentar a linha de código do openstreetmap.

🗺 Mapbox

Siga as instruções para usar o mapbox no lugar do openstreetmap.

• Em "https://account.mapbox.com/", copie seu token.
• Na raiz do projeto web crie um arquivo chamado ".env"
• Dentro desse arquivo, digite "REACT_APP_MAPBOX_TOKEN =" e cole seu token logo depois.

Se você fez tudo corretamente, estás usando a API do mapbox com seu Token na página do mapa. 😄

---

🌐 Rodando o Servidor

Entre na pasta

$ cd backend

Instale as dependências

$ yarn
# ou, caso use npm
$ npm install

Rode o servidor

$ yarn dev
# ou, caso use npm
$ npm dev

📱 Rodando o Happy mobile

Entre na pasta

$ cd mobile

Instale as dependências

$ yarn
# ou, caso use npm
$ npm install

Rode o mobile

$ yarn start
# ou, caso use npm
$ npm start

Após a instalação das dependências e ter iniciado a aplicação mobile abrirá a página do expo.

1 - Emulador Android

Na página do metro bundler, clique em "Run on Android device/emulator" e espere carregar. Tenha em mente que é necessário ter passado pelo processo de instalação do android sdk, etc.

2 - Emulador IOS

Na página do metro bundler, clique em "Run on iOS simulator" e espere carregar.

3 - Seu smartphone

Baixe o aplicativo do Expo:

• iOS
• Android

Depois de baixar, volte a página do metro bundler e escaneie o QR Code com o app do Expo.

---

• Faça um fork desse repositório;
• Crie uma branch com a sua feature: git checkout -b minha-feature;
• Faça commit das suas alterações: git commit -m 'feat: Minha nova feature';
• Faça push para a sua branch: git push origin minha-feature.

---

Projeto desenvolvido durante a terceira edição do evento Next Level Week da 🚀Rocketseat🚀.