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

© Rocketseat

Instrutor: Diego Fernandes

---

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

App feito com React JS

Iniciar aplicação

npm start

Deploy

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 (baseURL: '',)

import axios from 'axios';

const api = axios.create({
  baseURL: 'AQUI_VAI_O_ENDEREÇO_DO_SERVIDOR',
});

export default api;

ex:

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

página de cadastro de uma ONG

página de listagem dos casos

página de caastro de um novo caso