Skip to content

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

Notifications You must be signed in to change notification settings

mateusfg7/BeTheHero-Frontend

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

45 Commits
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Be The Hero

BACK-END FRONT-END 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

© 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 Login

página de cadastro de uma ONG Cadastro

página de listagem dos casos Listar Casos

página de caastro de um novo caso Cadastrar Caso

About

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

Topics

Resources

Stars

Watchers

Forks