Skip to content

Projeto desenvolvido na trilha OmniStack do evento NLW#3 Next Level Week da @Rocketseat. 🚀 💻

Notifications You must be signed in to change notification settings

ThiLourenco/happy-nlw3

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

38 Commits
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Happy

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 💜

🚧 Versão 2.0 em desenvolvimento 🚧

🚀 Tecnologias

Esse projeto foi desenvolvido com as seguintes tecnologias:


🎨 Layout

Web

Mobile


🚧 Features implementadas da Versão 2.0

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


💻 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:

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


⚙️ Como contribuir

  • 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🚀.

Releases

No releases published

Packages

No packages published

Languages