https://github.com/mateusfg7/bethehero-mobile

:earth_americas: Versão mobile da aplicação 'Be The Hero', feita na Semana Omnistack 11 da Rocketseat, com React Native.
https://github.com/mateusfg7/bethehero-mobile

axios be-the-hero expo mobile omnistack omnistack-week-11 react-native reactjs

Last synced: 17 days ago
JSON representation

:earth_americas: Versão mobile da aplicação 'Be The Hero', feita na Semana Omnistack 11 da Rocketseat, com React Native.

• Host: GitHub
• URL: https://github.com/mateusfg7/bethehero-mobile
• Owner: mateusfg7
• Created: 2020-03-24T13:56:48.000Z (almost 5 years ago)
• Default Branch: master
• Last Pushed: 2020-11-12T19:07:00.000Z (about 4 years ago)
• Last Synced: 2024-10-15T21:21:39.809Z (2 months ago)
• Topics: axios, be-the-hero, expo, mobile, omnistack, omnistack-week-11, react-native, reactjs
• Language: JavaScript
• Homepage: https://rocketseat.com.br/
• Size: 817 KB
• Stars: 1
• Watchers: 2
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        


![Be The Hero](doc/logo.svg)

[![BACK-END](https://img.shields.io/badge/NodeJS-green?logo=Node.js&logoColor=green&label=BackEnd&labelColor=black&style=flat-square)](https://github.com/mateusfg7/BeTheHero-Backend)

[![FRONT-END](https://img.shields.io/badge/ReactJS-blue?logo=React&logoColor=blue&label=FrontEnd&labelColor=black&style=flat-square)](https://github.com/mateusfg7/BeTheHero-Frontend)

[![MOBILE](https://img.shields.io/badge/ReactNative-9cf?logo=React&logoColor=9cf&label=Mobile&labelColor=black&style=flat-square)](https://github.com/mateusfg7/BeTheHero-Mobile)





Be The Hero (Seja um herói) é uma aplicação que conecta pessoas que tem vontade de ajudar ONGS doando um valor para tratar algum caso específico.





_Versão mobile da aplicação, feita na **Semana OmniStack 11** da **Rocketseat**_

_(23/03/20 a 27/03/20)_

[TO-DO + Anotações](https://github.com/users/mateusfg7/projects/4)

© [Rocketseat](https://rocketseat.com.br/)

Instrutor: [Diego Fernandes](https://github.com/diego3g)



---

> Template figma (.fig) do projeto -> [doc/Be_The_Hero_OmniStack_11.fig](doc/Be_The_Hero_OmniStack_11.fig)

**App feito com [React-Native](https://reactnative.dev/)**

## Instalar dependências

```bash

npm install

```

## Iniciar ambiente de desenvolvimento

```bash

npm start

```

## Estrutura

- `assets/` -> icone e splash screen

- `App.js` -> arquivo principal

- `app.json` -> arquivo de configuração do expo

- `src/assets/` -> imagens do projeto

- `src/pages/` -> páginas do projeto

- `src/pages/Incidents/` -> página de listagem de casos

- `src/pages/Detail` -> página de detalhes de um caso

- `src/routes.js` -> arquivo de configuração de navegação

- `src/services/api.js` -> chamada a api do back-end. Adicione o endereço do servidor back-end da aplicação à [linha 4]() `baseURL: '',`

```javascript

import axios from 'axios';

const api = axios.create({

  baseURL: 'AQUI_VAI_O_ENDEREÇO_DO_SERVIDOR',

});

export default api;

```

_ex:_

```javascript

import axios from 'axios';

const api = axios.create({

  baseURL: 'http://192.168.100.5:3333',

});

export default api;

```

## Screenshots

_página de listagem de casos_

![Casos](doc/casos.jpg)

_página de detalhes de um caso_

![Detalhes](doc/detalhes.jpg)