Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

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.

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.