Ecosyste.ms: Awesome

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

Awesome Lists | Featured Topics | Projects

https://github.com/thiagohrcosta/bethehero-omnistack11

Projeto desenvolvido durante a Semana OmniStack 11 produzido pela Rocketseat. O repositório armazena um aplicativo com backend, frontend e mobile, com o objetivo de permitir que ONGs possam receber auxílio de pessoas que queiram realizar doações.
https://github.com/thiagohrcosta/bethehero-omnistack11

Last synced: 7 days ago
JSON representation

Projeto desenvolvido durante a Semana OmniStack 11 produzido pela Rocketseat. O repositório armazena um aplicativo com backend, frontend e mobile, com o objetivo de permitir que ONGs possam receber auxílio de pessoas que queiram realizar doações.

Awesome Lists containing this project

README

        

# Be The Hero - Semana OmniStack 11
![BeTheHeroProject](https://github.com/thiagohrcosta/BeTheHero-OmniStack11/blob/master/arquivos/BeTheHeroMain.jpg?raw=true)

Projeto desenvolvido durante a **Semana OmniStack 11 - [ROCKETSEAT](https://rocketseat.com.br/)**, com objetivo de construir do zero uma aplicação com backend, frontend e mobile, adotando as principais tecnologias do mercado tais como Node e React.

**Objetivo do projeto:** Construir uma aplicação que possa ser utilizada por uma ONG, permitindo o seu cadastro e listagem de casos que precisa de ajuda. O aplicativo conta com abas onde o usuário poderá entrar diretamente em contato com uma determinada ONG seja por e-mail, seja pelo Whatsapp, tudo de forma integrada com o aplicativo desenvolvido.

# Como rodar o aplicativo?
![BeTheHeroProject1](https://github.com/thiagohrcosta/BeTheHero-OmniStack11/blob/master/arquivos/BeTheHeroCover1.jpg?raw=true)
Para rodar o aplicativo em sua máquina efetue o download do projeto e após devidamente armazenado em sua máquina inicie o backend, frontend e mobile utilizando ferramentas como `git bash` ou `hyper` da seguinte forma:

backend: npm start
frontend: npm start
mobile: yarn start

Foi utilizado durante o desenvolvimento o aplicativo `expo` que pode ser baixado para os aparelhos móveis em suas respectivas lojas virtuais. Ao utilizar o `expo` lembre-se de alterar o arquivo `api.js` dentro da pasta `mobile > src > services` inserindo o IP da sua máquina.
## Etapas de desenvolvimento

- 23.03.2020 - Configuração do ambiente de desenvolvimento;
- 24.03.2020 - Desenvolvimento do backend da aplicação;
- 25.03.2020 - Desenvolvimento da interface web da aplicação;
- 26.03.2020 - Desenvolvimento da aplicação mobile e finalização do projeto base;
- 27.03.2020 - Desenvolvimento de funcionalidades avançadas.
## O que foi utilizado no desenvolvimento do projeto?
No **backend [(clique aqui para acessar a pasta)](https://github.com/thiagohrcosta/BeTheHero-OmniStack11/tree/master/backend)** utilizou-se:
- [Celebrate](https://github.com/arb/celebrate)
- [Cors](https://github.com/expressjs/cors)
- [Express](https://github.com/expressjs/express)
- [Jest](https://github.com/facebook/jest)
- [Knex](https://www.npmjs.com/package/knex)
- [SqLite3](https://www.npmjs.com/package/sqlite3)
- [Nodemon](https://www.npmjs.com/package/nodemon)

Para o **frontend [(clique aqui para acessar a pasta)](https://github.com/thiagohrcosta/BeTheHero-OmniStack11/tree/master/frontend)** utilizou-se:

- [React](https://github.com/facebook/create-react-app)
- [Axios](https://github.com/axios/axios)

Por fim, para o desenvolvimento **mobile [(clique aqui para acessar a pasta)](https://github.com/thiagohrcosta/BeTheHero-OmniStack11/tree/master/mobile)** utilizou-se:

- [Expo](https://github.com/expo/expo-cli)
- [Axios](https://github.com/axios/axios)
- [Intl](https://www.npmjs.com/package/intl)
- [React](https://github.com/facebook/create-react-app)

## Certificado
![Certificado](https://github.com/thiagohrcosta/BeTheHero-OmniStack11/blob/master/arquivos/certificado.jpg?raw=true)