Giter Club home page Giter Club logo

happy-nlw3's Introduction

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

happy-nlw3's People

Contributors

thilourenco avatar

Stargazers

 avatar  avatar

Watchers

 avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.