Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/jsnevt/bethehero

Aplicativo de doadores para ajuda em pequenas causas junto às ONGs
https://github.com/jsnevt/bethehero

axios cros-env expo expo-constants expo-mail-composer expo-status-bar intl jest knex react react-native react-native-screens safeareacontext supertest

Last synced: about 2 months ago
JSON representation

Aplicativo de doadores para ajuda em pequenas causas junto às ONGs

Awesome Lists containing this project

README

        


Logo da aplicação/Seu nome é Be the Hero


Omnistack 11 :rocket:





![RepoSize](https://img.shields.io/github/repo-size/JsnEvt/BeTheHero)
![GitHub](https://img.shields.io/github/license/JsnEvt/BeTheHero)

O que é ?

Aplicação para conectar ONGs e outras instituições a pessoas que tem disponibilidade para ajudar.

# Sobre o projeto :mag:
Uma aplicação para cadastrar ONG's onde essas podem cadastrar os casos que estão precisando de doação. O usuário têm acesso a um aplicativo onde pode enviar um email ou uma mensagem por whatssap à respectiva ONG e seu caso. A aplicação utilizará a Web para cadastrar as ONG´s e os casos que precisam de ajuda para que através do dispositivo mobile, o usuário possa entrar em contato para ajudar na causa.

## Telas


Aplicação WEB


Página de login
Cadastro de ONG
Casos



Apliação Mobile


Casos mobile
Enviar e-mail

# Principais aprendizados :bow:
* SPA
* Rotas
* Desenvolver mobile/web com o React
* Servidor com node
* Knex e Migrations no banco de dados
* Testes com Supertest e o Jest
* Celebrate pra tratativa de exceções no backend

# Tecnologias e frameworks utilizadas em cada ambiente
## Back-end :package:
- Node
- Knex
- Nodemon
- Supertest
- Jest
- SQLite3
- Cors
- Celebrate
- Software Insomnia
## Front-end :memo:
- Node
- React
- Axios
- React-router-dom
- React-icons
- Font awesome
## Mobile
- Node
- React Native
- Expo
- Axios
- Intl (conversão de moedas)
- react-navigation
- react-dom
- expo-mail-composer

# Como executar o projeto
## Clonar o repositório na sua máquina.
### Executar no terminal para as pastas frontend/mobile/backend
~~~javascript
npm install node
~~~
### Em seguida startar a aplicação no terminal
#### Siga para a pasta frontend cd ./frontend e digite
~~~ javascript
npm start
~~~~
O mesmo acima para cd ../backend
### Requisitos para rodar a versão mobile
* Baixar o Expo na playstore
##### Executar o seguinte comando na pasta cd ../mobile
~~~javascript
npm start
~~~
#### Próximo passo
##### Escanear o QR CODE que será gerado e automaticamente a aplicação ficara online desde que o backend e o mobile esteja inicializado.

### Instrutor: CTO da [Rocketseat](https://rocketseat.com.br/) :rocket: Diego Fernandes

Diego Fernandes

## 🦸 Autor

[![Linkedin Badge](https://img.shields.io/badge/-Jason-blue?style=flat-square&logo=Linkedin&logoColor=white&link=https://www.linkedin.com/in/jason-everton/)](https://www.linkedin.com/in/jason-everton/)

[![Gmail Badge](https://img.shields.io/badge/[email protected]?style=flat-square&logo=Gmail&logoColor=white&link=mailto:[email protected])](mailto:[email protected])

Feito por Jason Everton 👋🏽 [Entre em contato!](https://www.linkedin.com/in/jason-everton)