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.
- 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
Antes de começar, você vai precisar ter instalado em sua máquina as seguintes ferramentas:
Além disto é bom ter um editor para trabalhar com o código como VSCode
# 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. 😉
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
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.
Mobile
💜 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 |
Feito com ❤️ por Daniel Vinícius 👋 Entre em contato!