Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/varejaodacarne/omnistack11
🦸🏻♂️ Be The Hero - Projeto desenvolvido durante a 11ª semana OmniStack
https://github.com/varejaodacarne/omnistack11
axios cors expo express javascript nodejs nodemon omnistack-11 react-native reactjs rocketseat
Last synced: about 1 month ago
JSON representation
🦸🏻♂️ Be The Hero - Projeto desenvolvido durante a 11ª semana OmniStack
- Host: GitHub
- URL: https://github.com/varejaodacarne/omnistack11
- Owner: VarejaoDaCarne
- License: mit
- Created: 2020-03-30T14:20:12.000Z (almost 5 years ago)
- Default Branch: master
- Last Pushed: 2023-01-24T01:50:46.000Z (about 2 years ago)
- Last Synced: 2024-11-11T14:18:21.792Z (3 months ago)
- Topics: axios, cors, expo, express, javascript, nodejs, nodemon, omnistack-11, react-native, reactjs, rocketseat
- Language: JavaScript
- Homepage:
- Size: 2.87 MB
- Stars: 1
- Watchers: 2
- Forks: 1
- Open Issues: 28
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
🦸 Seja um verdadeiro Heroi.
Projeto |
Screenshots |
Tecnologias |
Como usar
## :computer: Projeto
Be The Hero é um projeto da 11º edição da Semana OmniStack que é ministrada pelo Diego Fernandes da Rocketseat.
O projeto é um sistema de ajuda para ONGs onde uma instituição posta uma caso/incident informando um valor necessário para resolução do problema. A partir daí os Heroes entram em ação contactando a ONG para ajudar coma uma doação financeira.
Na ideia original, a versão Web, feita em React, conta apenas com a parte administrativa para ONGs. Nela uma instituição se cadastra, faz login e cadastra um caso.
Já no aplicativo, desenvolvido em React Native, foi feito apenas a área dos Heroes. Estes visualizam uma lista com os casos de todas as ONGs, acessam os detalhes de um caso e entram em contato, por e-mail ou Whatsapp, diretamente pelo aplicativo.
## :camera: Screenshots
## :rocket: Tecnologias
Este projeto foi desenvolvido com as seguintes tecnologias:
- [React](https://reactjs.org)
- [React Native](https://facebook.github.io/react-native/)
- [Expo](https://expo.io/)
- [Node.js](https://nodejs.org/en/)
- [Expo](https://expo.io/)
- [Express](https://expressjs.com/pt-br/)
- [Nodemon](https://www.npmjs.com/package/nodemon)
- [Axios](https://www.npmjs.com/package/axios)
- [Cors](https://www.npmjs.com/package/cors)
## :information_source: Como usar
Para clonar e rodar esta aplicação, você vai precisar [Git](https://git-scm.com), [Node.js](https://nodejs.org/en/) + [Npm](https://www.npmjs.com/) instalado em seu computador.
Na sua linha de comando:
#### Backend
```bash
# Clonar este repositório
$ git clone https://github.com/grioos/omnistack11
# Vá para o repositório
$ cd omnistack11/backend
# Instalar denpendências
$ npm install
# Rodar Migrates
$ npm knex migrate:latest
# Rodar as Seeds
$ npm seed
# Rodas a API
$ npm start
```
#### Frontend
```bash
# Clone este repositório
$ git clone https://github.com/grioos/omnistack11
# Acesse a pasta do projeto no seu terminal/cmd
$ cd omnistack11
# Vá para a pasta da aplicação Front End
$ cd frontend
# Instale as dependências
$ npm i
# Execute a aplicação
$ npm start
```
#### Mobile
```bash
# Clone este repositório
$ git clone https://github.com/grioos/omnistack11
# Acesse a pasta do projeto no seu terminal/cmd
$ cd omnistack11
# Vá para a pasta da aplicação Front End
$ cd mobile
# Instale as dependências
$ npm i
# Execute a aplicação
$ npm start
```
---
Feito by [Gabriel Rios](https://www.linkedin.com/in/grioos/)