O site foi desenvolvido como uma vitrine pessoal para apresentar minhas habilidades, projetos e informações de contato. Aqui estão alguns aspectos principais do processo de desenvolvimento:
- Objetivo: O objetivo principal do site é fornecer uma plataforma onde potenciais clientes e empregadores possam conhecer meu trabalho e entrar em contato.
- Wireframe: Antes de iniciar o desenvolvimento, foi criado um esboço (wireframe) do layout, definindo as seções principais, como Cabeçalho, Sobre Mim, Projetos Destacados, Habilidades Técnicas, Tecnologias e Ferramentas, e Contato.
- Frontend: O site foi desenvolvido utilizando React, uma biblioteca popular para a construção de interfaces de usuário. Isso permite uma experiência interativa e responsiva.
- Estilização: A estilização foi feita com Tailwind CSS, uma framework que facilita a criação de designs responsivos e modernos com classes utilitárias. Isso permitiu que o design fosse implementado rapidamente com consistência.
- Imagens: As imagens foram otimizadas e armazenadas na pasta pública do projeto, garantindo que fossem carregadas de forma eficiente.
- O site é estruturado em componentes React, o que facilita a reutilização de código e a manutenção do projeto. Componentes como
Nav,Header, eSectionforam criados para organizar melhor a estrutura e o conteúdo. - Cada seção do site (Sobre Mim, Projetos, Habilidades, etc.) foi implementada como um componente separado, promovendo uma melhor organização e escalabilidade.
- Links Dinâmicos: Cada projeto destacado possui links diretos para os repositórios do GitHub, permitindo que os visitantes vejam o código-fonte e detalhes sobre o projeto.
- Responsividade: O design foi criado para ser responsivo, garantindo que o site funcione bem em dispositivos móveis e desktops.
- O site foi desenvolvido levando em consideração as boas práticas de acessibilidade, como o uso adequado de tags
altpara imagens e estruturas semânticas. - As meta tags apropriadas foram adicionadas para melhorar a indexação em motores de busca e aumentar a visibilidade do portfólio.
- O site foi testado em diferentes navegadores e dispositivos para garantir uma experiência consistente para todos os usuários.
- A implementação final foi realizada em um serviço de hospedagem (como GitHub Pages ou Vercel), facilitando o acesso ao site por meio de um link personalizado.
- A intenção é continuar aprimorando o site com novos projetos, recursos interativos, e possivelmente uma seção de blog para compartilhar conhecimentos e experiências.
O desenvolvimento deste site não só representa meu trabalho e habilidades, mas também foi uma oportunidade valiosa de aplicar conhecimentos de frontend e design, e estou animado para continuar evoluindo este projeto.