Organo

Boas-vindas ao Organo, um projeto desenvolvido como parte da formação de React com JavaScript da Alura. O Organo é uma aplicação interativa que permite gerenciar times personalizados, adicionar membros e organizar informações de forma visual e intuitiva.

🛠️ Funcionalidades

• Criar e gerenciar times personalizados.
• Adicionar integrantes com:
  • Nome.
  • Cargo.
  • Link para imagem de perfil.
• Times exibidos com cores customizadas.
• Novas funcionalidades:
  • Criar novos times com cores personalizadas.
  • Alterar a cor de times já existentes.
  • Excluir colaboradores.
  • Favoritar colaboradores para destacá-los.

🧪 Tecnologias Utilizadas

O projeto foi desenvolvido utilizando as seguintes tecnologias e ferramentas:

• React: para construção de interfaces interativas.
• Create React App: para inicialização e configuração do projeto.
• HTML, CSS e JavaScript: base do desenvolvimento web.

🚀 Como Executar o Projeto

Pré-requisitos

• Node.js.
• Gerenciador de pacotes npm.

Passo a passo

1. Clone este repositório:

   git clone https://github.com/rafaelasilverio/organo-completo.git 
   cd organo  

2. Instale as dependências:

   npm install  

3. Inicie o projeto:

   npm start  

4. Abra no navegador:

   http://localhost:3000  
   

📚 Aprendizados

Ao desenvolver esta nova versão do projeto, foram aprofundados conceitos como:

• Criação e reutilização de componentes React.
• Gerenciamento de props e states para manipular dados.
• Refatoração de componentes e o uso do React como biblioteca declarativa.
• Diferenças entre DOM e Virtual DOM, e como o React otimiza alterações para melhorar a performance.
• O conceito de one-way data binding no React e como ele difere de two-way data binding.
• Por que o React é considerado uma biblioteca e não um framework.
• Implementação de novas funcionalidades interativas, como:
  • Manipulação dinâmica de cores.
  • Lógica para favoritar e excluir itens.

🤝 Contribuições

Se você encontrou algum problema ou tem sugestões para melhorar este projeto, fique à vontade para abrir uma issue ou enviar um pull request!

👩‍💻 Desenvolvedor(a)

Feito com 💙 por Rafa Silvério.