Site do Pandora Bank

Página criada acompanhando um curso sobre a utilização dos Styled Components com React

Conteúdo deste Readme:

• Resumo
  • O Desafio
  • Screenshot
• Meu processo
  • Projetado com
  • O que eu aprendi
• Autor

Resumo

O Desafio

O objetivo do projeto era implementar os styled components ao código, facilitando a manutenção do mesmo e deixando menos engessado.

Vantagens dos Styled Components:

• Os componentes são renderizados juntamente com a página;
• Os nomes das classes são gerados automaticamente;
• Todo o CSS fica no arquivo JavaScript;
• Estilização dinâmica;
• O estilo que está sendo alterado corresponde somente ao componente que o importa;

Screenshot

Imagem da página inicial do site

Imagem do tema escuro aplicado

Processo de Criação

Projetado com

• React;
• Styled Components;
• Hooks useState;
• Componentes Reutilizáveis;
• Responsividade para todas telas;

O que eu aprendi

🟢 Utilização e importância dos Styled Components
🟢 Alterar tema da página com o hook useState
🟢 Como organizar as pastas e arquivos
🟢 Importação dinâmica de imagens

Autor

• Matheus Trojan