Demonstração de Habilidades em Desenvolvimento Frontend

Este projeto é uma demonstração das minhas habilidades em desenvolvimento frontend, construído utilizando React, TypeScript e Styled Components, com Vite como ferramenta de build. O site apresentado é uma adaptação/reimplementação do site da ONG Pão com Ovo (PCO), disponível em https://pco-seven.vercel.app/, com foco em replicar a estrutura e o design utilizando as tecnologias mencionadas.

🔗 Demonstração Online

Você pode visualizar a demonstração deste projeto online em: https://pco-seven.vercel.app/

✨ Tecnologias Utilizadas e Demonstração de Conhecimentos

Este projeto foi desenvolvido com as seguintes tecnologias, demonstrando meu conhecimento em:

• React: Utilização de componentes funcionais, gerenciamento de estado (com Hooks), roteamento (se aplicável) e a arquitetura de componentes do React para construir uma interface de usuário interativa e reativa.
• TypeScript: Aplicação de tipagem estática para garantir a segurança do código, melhorar a manutenibilidade e demonstrar familiaridade com os conceitos avançados do TypeScript, como interfaces, tipos genéricos e enums.
• Styled Components: Implementação de estilização diretamente nos componentes React, demonstrando a capacidade de criar estilos encapsulados, reutilizáveis e com boa organização, aproveitando as vantagens do CSS-in-JS.
• Vite: Utilização de uma ferramenta de build moderna e rápida para o desenvolvimento e otimização do projeto, mostrando familiaridade com workflows de desenvolvimento frontend atuais.

💻 Executando o Projeto Localmente (Para Avaliação)

Se você deseja executar este projeto localmente para avaliar o código e a implementação:

1. Clone o repositório:

   git clone https://github.com/guiestrela/PCO.git
   cd seu-repositorio

2. Instale as dependências:

   npm install # ou yarn install ou pnpm install

3. Inicie o servidor de desenvolvimento:

   npm run dev # ou yarn dev ou pnpm dev

   O projeto estará disponível em http://localhost:5173 (a porta pode variar).

📄 Observações

• Este projeto foi criado com o objetivo principal de demonstrar minhas habilidades técnicas em um cenário prático.
• O design: https://www.figma.com/design/mpkspNNfnVwruwqGzAm3UW/P%C3%A3o-Com-Ovo?node-id=0-1&p=f&t=1SBUUm1hv5dxopbK-0

👨‍💻 Sobre Mim

Meu nome é Guilherme e sou recém-formado em Desenvolvimento Web pela Universidade Anhanguera. Em minha transição de carreira para a área de programação, decidi especializar-me em React e TypeScript.

Linkdin: https://www.linkedin.com/in/guilherme-estrela-4166a539/

---

Este é um projeto de demonstração de habilidades em desenvolvimento frontend.