Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/marialmeida1/web-cost
Primeiro projeto realizado em React Js, afim de aprender os conceitos da biblioteca.
https://github.com/marialmeida1/web-cost
bootstrap html javascript react
Last synced: 6 days ago
JSON representation
Primeiro projeto realizado em React Js, afim de aprender os conceitos da biblioteca.
- Host: GitHub
- URL: https://github.com/marialmeida1/web-cost
- Owner: marialmeida1
- Created: 2024-01-15T15:33:39.000Z (10 months ago)
- Default Branch: master
- Last Pushed: 2024-01-15T15:45:29.000Z (10 months ago)
- Last Synced: 2024-11-09T22:06:07.311Z (6 days ago)
- Topics: bootstrap, html, javascript, react
- Language: JavaScript
- Homepage:
- Size: 196 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Projeto COSTS - Gerenciador de Projetos
Este repositório contém o código-fonte do projeto COSTS, meu primeiro projeto em React, desenvolvido com o objetivo de aprender os fundamentos da biblioteca. O projeto foi construído com base no curso oferecido por Matheus Battisti no Canal Hora de Codar, cujo conteúdo pode ser acessado [aqui](https://www.youtube.com/playlist?list=PLnDvRpP8BneyVA0SZ2okm-QBojomniQVO).
## Descrição do Projeto
O COSTS é um gerenciador de projetos que permite a criação e gestão de projetos em quatro categorias distintas: Infraestrutura, Desenvolvimento, Design e Planejamento. Cada projeto possui um orçamento, uma categoria associada, um custo total e uma lista de serviços.
## Funcionalidades
- **Criação de Projetos:** Adicione novos projetos com informações detalhadas, como nome, orçamento, categoria e serviços.
- **Visualização de Projetos:** Consulte a lista de todos os projetos, incluindo detalhes como custo total e serviços associados.
- **Categorias:** Projetos por categoria, proporcionando uma organização eficiente.## Estrutura do Projeto
O projeto possui uma estrutura clara, dividida em componentes e funcionalidades que facilitam a compreensão e manutenção do código. Durante o desenvolvimento, foram aplicados conceitos aprendidos durante o curso, como estados, props, efeitos colaterais e gerenciamento de estado global.
## Como Executar o Projeto
1. Clone este repositório para sua máquina local.
2. Abra o terminal na pasta do projeto.
3. Execute `npm install` para instalar as dependências.
4. Execute `npm start` para iniciar o servidor de desenvolvimento.Certifique-se de ter o Node.js e o npm instalados em sua máquina antes de executar os comandos acima.
## Contribuições
Contribuições são bem-vindas! Se encontrar problemas, bugs ou tiver sugestões de melhorias, sinta-se à vontade para abrir uma issue ou enviar um pull request.
Agradeço por explorar o projeto COSTS! Espero que ele seja útil para aprender React e construir futuros projetos incríveis.