Next Level Week, terceira edição, projeto "Happy". 🥳

---

A Next Level Week é um evento online gratuito promovido pela Rocketsat, em que durante 5 dias desenvolvemos uma aplicação completa. Na trilha OmniStack, criamos uma aplicação web e mobile em que lares adotivos, podem cadastrar seus endereços e informações para as pessoas visitarem.

---

Features

• Ver direções via Google Maps 🗺
• Ver fotos do Orfanato 📱
• Entre em contato pelo Whatsapp 📞
• Acessar horários e dias de funcionamento 📅
• Cadastar um Orfanato ➕

Features Adicionais que não existem no projeto original

• Animação na Landing utilizando o Framer Motion
• Rota para exclusão de orfanatos

---

Happy 1.0 concluido ✔

• Sobre
• Pre Requisitos
• Executando a aplicação
• Tecnologias
• Autor

Pré-requisitos

Antes de começar, você vai precisar ter instalado em sua máquina as seguintes ferramentas:

• React

• NPM

• Yarn

• Node

• Expo

• Como instalar Node, React e NPM

• Como instalar Expo e React Native

Além disto é bom ter um editor para trabalhar com o código como VSCode

---

📀 Executar o Projeto

# Clone este repositório
$ git clone <https://github.com/Daniel-Vinicius/Happy>

# Acesse a pasta do projeto no terminal/cmd
$ cd Happy

# Acesse a pasta backend, instale as dependências e saia da pasta backend
$ cd backend
$ yarn install
$ cd..

# Acesse a pasta web, instale as dependências e saia da pasta web
$ cd web
$ yarn install
$ cd..


# Acesse a pasta mobile, instale as dependências e saia da pasta mobile
$ cd mobile
$ yarn install
$ cd..

# Inicie o backend
$ cd backend

# Para executar o projeto backend é necessário criar o banco de dados com todas as tabelas utilizadas, para isso execute o comando:

$ yarn typeorm migration:run
$ yarn dev

# Em outro terminal, inicie o web
$ cd web

# Para executar o projeto web completo é necessário ter um token de autenticação da API do Mapbox. Acesse sua conta no site e crie um token para ser utilizado no projeto. Com o token em mãos, crie um arquivo .env e coloque seu token como valor da chave REACT_APP_MAPBOX_TOKEN.

# Exemplo:
REACT_APP_MAPBOX_TOKEN=xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx

# Agora starte o projeto em seu ambiente com:
$ yarn start

⚠️ Após executar o Backend e o Web, o navegador padrão abrirá uma aba em http://localhost:3000. E é lá que você vai testar a aplicação. 😉

---

Executando a Aplicação Mobile

Com o backend em execução!!!

No arquivo api você verá esta variável

 baseURL: 'http://192.168.1.109:3333'
 # substitua 'http://192.168.1.109:3333' pelo IP que fica em exp://SEU-IP:3003

na tela de conexão

Agora depois de configurar seu IP execute

# Executando o mobile
$ cd mobile
$ expo start

Agora você verá uma tela parecida a essa, OBS: É recomendado uma conta Expo

Configure para ficar com a configuração igual ao da foto

{
    "CONNECTION": "LAN",
    "PRODUCTION MODE": "false",    
}

No projeto mobile com o servidor em execução, execute o comando yarn start e escaneie o QR CODE com o App da Expo , e você verá estas telas:

Pronto você executou corretamente.

🛠 Tecnologias

Web

• React
• Typescript
• Leaflet
• React Leaflet
• Open Street Map ou Mapbox
• Framer Motion

Backend

• Nodejs
• Express
• Typeorm
• Multer
• Yup

Mobile

• React Native
• Expo
• @expo/vector-icons
• expo-image-picker
• Styled Components
• Typescript
• React Navigation
• Axios
• Expo Google Fonts
• React-native-maps
• Prettier
• VS Code

👨‍💻 Contribuidores

💜 As pessoas que contribuiram para o projeto

Daniel Vinícius	Thiago	Nome do contribuidor	Nome do contribuidor	Nome do contribuidor
Nome do contribuidor	Nome do contribuidor	Nome do contribuidor	Nome do contribuidor	Nome do contribuidor

---

👨‍💻Autor

Feito com ❤️ por Daniel Vinícius 👋 Entre em contato!