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

:earth_americas: Front-end da aplicação 'Be The Hero', feita na Semana Omnistack 11 da Rocketseat, com React JS.
https://github.com/mateusfg7/bethehero-frontend

be-the-hero front-end javascript omnistack omnistack-week-11 reactjs

Last synced: 17 days ago
JSON representation

:earth_americas: Front-end da aplicação 'Be The Hero', feita na Semana Omnistack 11 da Rocketseat, com React JS.

• Host: GitHub
• URL: https://github.com/mateusfg7/bethehero-frontend
• Owner: mateusfg7
• Created: 2020-03-24T13:55:36.000Z (almost 5 years ago)
• Default Branch: master
• Last Pushed: 2020-04-20T20:40:05.000Z (over 4 years ago)
• Last Synced: 2024-10-15T21:21:39.886Z (2 months ago)
• Topics: be-the-hero, front-end, javascript, omnistack, omnistack-week-11, reactjs
• Language: JavaScript
• Homepage: https://rocketseat.com.br/
• Size: 830 KB
• Stars: 1
• Watchers: 1
• 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.





_Front-end 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 JS](https://reactjs.org/)**

## Iniciar aplicação

```bash

npm start

```

## Deploy

```bash

npm build

```

## Estrutura

- `App.js` -> Arquivo principal

- `src/assets/` -> imagens

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

- `src/services/api.js` -> chamada a api do back-end.

Adicione o endereço do servidor back-end da aplicação à [linha 4](https://github.com/mateusfg7/BeTheHero-Frontend/blob/master/src/services/api.js#L4) (`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://127.0.0.1:3333',

});

export default api;

```

- `routes.js` -> arquivo de rotas da aplicação

- `src/pages/Logon/` -> página de logon

- `src/pages/NewIncident` -> página de cadastro de um novo caso

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

- `src/pages/` -> página de registro de um novo caso



## Screenshots

> _página de logon_

![Login](doc/login.png)

> _página de cadastro de uma ONG_

![Cadastro](doc/cadastro.png)

> _página de listagem dos casos_

![Listar Casos](doc/lista_caso.png)

> _página de caastro de um novo caso_

![Cadastrar Caso](doc/cadastrar_caso.png)