/projeto-Costs-reactjs

Aplicação de gerenciamento de projetos e gastos com React.js.

Primary LanguageJavaScript

COST

Descrição do projeto

Gerenciamento de projetos e gastos com react.js. Aplicativo desenvolvido com react com a finalidade de cadastrar, editar, listar e excluir um projeto. Toda a aplicação foi desenvolvida pensando na componentização, conta com o consumo de uma API 'fake' com json-server para acessar os métodos com o fecth. Esta aplicação conta com navegação, e sistema de rotas passando os 'id' de cada projeto pela url.

Alguns hooks utilizados nesta aplicação, foram:

  • useState
  • useEffect
  • useParams
  • useHistory

obs: "Esta é a v1 do projeto, futuramente serão adicionados mais recursos

Tecnologias utilizadas

  • Javascript
  • React.js
  • Json-server
  • Fecth API

Como utilizar este projeto

  • Clone este repositório
  • Abra o terminal na pasta do projeto
  • No terminal, digite npm i para instalar as dependências necessárias
  • Após instalar as dependências, ainda no terminal, digite o comando npm start para inicializar o projeto
  • Após inicializar o projeto, abra uma nova aba do terminal e execute o comando npm run backend para inicializar o servidor

Comandos necessários

  • npm i = para instalar as dependências
  • npm start = para inicializar a aplicação ( em localhost:3000)
  • npm run backend = para inicializar o servidor 'backend' da aplicação (json-server)

Imagens do projeto

Pagina Home

Pagina de criação do projeto

Pagina de exibição da criação do projeto

Pagina de exibição de todos os projetos

Pagina de edição do projeto

Remoção de um projeto

Pagina caso nao exista nenhum projeto