costs-react-app
Costs - Gerenciador de Projetos Costs
Um aplicativo web para gerenciamento de custos de projetos, construído em React. Este projeto foi desenvolvido como parte dos meus estudos, focando em conceitos como componentização, rotas, hooks e gerenciamento de estado.
A aplicação permite ao usuário criar, visualizar, editar e deletar projetos, bem como adicionar e remover serviços para controlar os custos.
💻 Projeto ao Vivo (Deploy)
Você pode acessar a versão funcional do projeto publicada no GitHub Pages:
https://jonis7.github.io/costs-react-app/
📸 Screenshot
✨ Funcionalidades Principais
- Criação de Projetos: O usuário pode adicionar novos projetos com nome, orçamento total e categoria.
- Listagem e Visualização: Todos os projetos criados são exibidos em uma página “Projetos”.
- Edição: É possível editar as informações de um projeto existente.
- Remoção: Projetos podem ser deletados.
- Gerenciamento de Serviços: Dentro de um projeto, o usuário pode adicionar ou remover serviços (com nome e custo), e o orçamento total do projeto é atualizado dinamicamente.
🚀 Tecnologias Utilizadas
Este projeto foi construído com as seguintes tecnologias:
- React.js: Biblioteca para a construção da interface de usuário.
- React Router: Para gerenciamento de rotas e navegação entre as páginas.
- CSS Modules: Para estilização componentizada e escopada.
- JSON Server: Usado para simular uma API RESTful local e persistir os dados (projetos e serviços).
🔧 Como Rodar o Projeto Localmente
Para rodar este projeto na sua máquina, siga os passos abaixo:
- Clone o repositório:
git clone [https://github.com/JONIS7/costs-react-app.git](https://github.com/JONIS7/costs-react-app.git) - Navegue até o diretório do projeto:
cd costs-react-app - Instale as dependências do projeto:
npm install - Para simular a API, inicie o
json-serverem um terminal separado:npm run backend - Em outro terminal, inicie a aplicação React:
npm start - Abra seu navegador e acesse
http://localhost:3000.
Feito por Jonathan Willian (JONIS7).