Olá! Seja bem-vindo ao repositório do meu projeto AgroVerde, desenvolvido para a categoria de Programação Web/Aplicativos do Concurso Agrinho 2026 do Paraná.
Criei este site com o objetivo de conscientizar a comunidade escolar sobre o tema oficial deste ano: "Agro forte, futuro sustentável: equilíbrio entre produção e meio ambiente".
O site funciona como uma ferramenta educativa para mostrar que o futuro da nossa agricultura depende do equilíbrio com a natureza. O conteúdo foi baseado em materiais oficiais e foca em duas práticas principais:
- Manejo Integrado de Pragas (MIP): Explica como monitorar as lavouras de perto e usar a tecnologia para agir apenas no momento certo, reduzindo o uso desnecessário de defensivos agrícolas e preservando os insetos benéficos da plantação, seguindo o Manual de Boas Práticas da Embrapa.
- Descarbonização do Campo: Mostra o impacto da redução de queima de combustível fóssil por tratores e o uso inteligente de insumos. Essa otimização ajuda a diminuir a emissão de gases de efeito estufa na atmosfera, conforme indicado nas diretrizes da Cartilha ABC+ da Secretaria de Agricultura do Paraná (SEAB).
O site também traz uma tabela pedagógica comparativa entre os modelos tradicional e sustentável, e um AgroGame interativo em formato de desafio para fixação do conteúdo.
Desenvolvi o site focando em boas práticas de programação e inclusão digital, garantindo que a página rode perfeitamente tanto em computadores (como os Chromebooks escolares) quanto em celulares (layout responsivo):
- HTML5 Semântico: Tags organizadas de forma limpa (
<main>,<nav>,<section>) para facilitar a leitura por leitores de tela. - CSS3 Controlado por Variáveis: Estilização com paleta de cores fosca e confortável.
- JavaScript Puro (Vanilla JS): Lógica limpa com manipulação do DOM e loops modernos para controlar o Menu Mobile, a alternância do Modo Claro/Escuro (Light/Dark Mode) e o zoom dinâmico de texto (Acessibilidade A+ e A-).
- Vercel: Escolhida para hospedagem e deploy contínuo integrado ao GitHub, garantindo carregamento rápido e HTTPS ativo.
index.html— Estrutura e marcações semânticas da página principal.style.css— Estilos, variáveis de tema e regras de responsividade no final do arquivo.main.js— Comportamento dos botões de acessibilidade e menus./documentos— Pasta contendo o PDF oficial do manual da Embrapa./img— Acervo de imagens otimizadas do projeto./Agrinho-Gamesxx— Código-fonte do jogo embutido via iframe.
Espero que este projeto ajude a espalhar a mensagem de que a sustentabilidade podem transformar o campo! 🚀