agrinho2024 Link Vercel: https://agrinho-2024-six.vercel.app Link gitpages: https://jaovit.github.io/Agrinho_2024/ #agrinho #agrinho_2024
O desenvolvimento do site levou cerca de dois meses e envolveu um trabalho detalhado e cuidadoso. As fotos usadas foram tiradas pessoalmente ou doadas por pessoas próximas, proporcionando um conteúdo visual autêntico e personalizado. Todos os textos foram criados com o objetivo de refletir a identidade e o propósito do site.
Para garantir que o site oferecesse uma boa experiência em diferentes dispositivos, foram usadas técnicas de design como display: flex e unidades de medida vw. Essas abordagens ajudaram a tornar o layout adaptável e responsivo a vários tamanhos de tela.
Um dos recursos principais foi a implementação de um sistema de login, facilitado pela integração com uma API do Google. Utilizando JavaScript, JWT (JSON Web Tokens), JSON e LocalStorage, foi possível criar e gerenciar perfis de usuário de forma segura e eficiente. O código do site foi organizado em múltiplos arquivos para facilitar a programação e a manutenção.
No menu, foram criadas variáveis CSS com :root para armazenar valores dos inputs e aplicar estilos de forma consistente aos elementos. Além disso, uma API de clima foi integrada para fornecer informações meteorológicas atualizadas, e um iframe da IDE Arduino foi adicionado para facilitar o acesso aos recursos do projeto.
O site também conta com uma seção de otimizações que utiliza JavaScript para melhorar as animações e a interatividade. A otimização do CSS foi feita atribuindo classes específicas, como a classe texto, para gerenciar os estilos de diferentes elementos de forma mais eficiente.