Be the hero

<!-- então bora codar! --> <h1 align="center"> <img alt="" title="" src="imgs/logo.svg"> </h1> <h2 align="center"> Aplicação para conectar ONGs e outras instituições a pessoas que tem disponibilidade para ajudar </h2> <h3 align="center"> Criada com a stack <img src="imgs/react.png" alt="react" height="18"> React, <img src="imgs/react-native.png" alt="react-native" height="18"> React Native, <img src="imgs/node.png" alt="node" height="18"> Node e <img src="imgs/sqlite.png" alt="node" height="18"> SQLite </h3> <p align="center"> <img src="imgs/heroes.png" alt="heroes" height="250"> </p> <p align="center"> Usando o poder de uma stack poderosa, que utiliza de uma única linguagem popular e moderna, o <img src="imgs/js.png" height="18" alt="javascript"> JavaScript. <br> Produtividade e performance de forma enxuta. </p>

---

A 11ª edição da Semana OmniStack, ocorrida entre 23/03 e 27/03, trouxe como projeto uma aplicação web e mobile inédita. Um sistema para conectar pessoas dispostas a ajudar a ONGs que precisam dessa ajuda.

Em uma semana foi desenvolvida uma aplicação do zero, dominando o backend, frontend e o mobile com uma única linguagem e uma única biblioteca de interfaces.

Layout da aplicação no <img src="imgs/figma.png" alt="figma" height="20"> Figma.

Para rodar a aplicação

OBS: pode-se utilizar o gerenciador de pacotes npm ou o yarn para rodar os comandos abaixo

Execute npm install nas pastas backend, frontend e mobile, para instalar as dependências.

Rode npm start nas pastas backend e frontend para utilizar a versão web. Acesse via localhost:3000.

Rode npm start nas pastas backend e mobile, acesse localhost:19002, leia o QR Code no seu celular e utilize o aplicativo <img src="imgs/expo.png" alt="rocketseat" height="20"> Expo para rodar a versão mobile no seu smartphone. Ou com algum emulador Android/iOS para rodar no seu computador.

Telas

<p align="center"> <img alt="" title="" src="imgs/print1.png"> <img alt="" title="" src="imgs/print2.png"> <img alt="" title="" src="imgs/print3.png"> <img alt="" title="" src="imgs/print4.png"> <img alt="" title="" src="imgs/print5.png"> <img alt="" title="" src="imgs/print6.png"> <img alt="" title="" src="imgs/print7.png"> <img alt="" title="" src="imgs/print8.png"> <img alt="" title="" src="imgs/print9.png"> <img alt="" title="" src="imgs/print-insomnia.png"> </p>

Veja também esse vídeo com a demonstração das versões web e mobile rodando localmente.

---

© <img src="imgs/rocketseat.svg" alt="rocketseat" height="20"> Rocketseat

Instrutor: Diego Fernandes | CTO Rocketseat

Licença

MIT

---

<h4 align="center"> <em>&lt;/&gt;</em> by <a href="https://github.com/christyanbrayan" target="_blank">christyanbrayan</a> </h4>