SustainAgri: Sua Busca por Agricultura Sustentável

Descrição:

O SustainAgri é uma plataforma web que visa facilitar a pesquisa por notícias e informações sobre práticas de agricultura sustentável. Desenvolvido com HTML, CSS e JavaScript, oferece uma interface intuitiva para encontrar conteúdos relevantes sobre agroecologia, agricultura orgânica e sistemas agroflorestais, visando um futuro mais sustentável para a agricultura.

Funcionalidades:

• Busca personalizada: Encontre notícias e artigos sobre agricultura sustentável usando palavras-chave relevantes.
• Interface intuitiva: Navegue facilmente pelo site e encontre as informações que você precisa.
• Conteúdo atualizado: Acesso a informações recentes sobre as últimas tendências em agricultura sustentável.

Tecnologias Utilizadas:

• HTML
• CSS
• JavaScript
• JSON (para dados de teste)

Como usar:

1. Clone o repositório:

   git clone https://github.com/Tatiana-codedev/SustainAgri

2. Abra o projeto em um editor de código: Recomenda-se utilizar um editor de código como Visual Studio Code, Sublime Text ou Atom.

3. Abra o arquivo index.html em um navegador: Você poderá visualizar o projeto em funcionamento.

Contribuições:

Contribuições são bem-vindas! Se você encontrar algum bug, tiver alguma sugestão de melhoria ou quiser adicionar novas funcionalidades, fique à vontade para abrir um pull request.

Autor:

Tatiana Pinheiro - Desenvolvedor iniciante apaixonado por tecnologia e sustentabilidade.

Agradecimentos:

Agradeço à comunidade da Imersão Dev com Google Gemini especialmente o Leonardo Airam Vieira e Jadson e aos Guilherme Lima, Rafaela Balerini da Alura e Luciano Martins da Google pelas ferramentas, orientações e recursos que tornaram este projeto possível.

Próximos passos:

• Implementar busca mais robusta: Utilizar uma API de busca para obter resultados mais precisos e relevantes.
• Adicionar filtros: Permitir que os usuários filtrem os resultados por região, tema ou data.
• Integrar com redes sociais: Permitir que os usuários compartilhem os resultados nas redes sociais.
• Criar um banco de dados: Armazenar os resultados das buscas para melhorar a performance e oferecer funcionalidades adicionais.

Observações:

Em vez da API, foi inserido um arquivo onde possui dados fictícios das possíveis notícias para fins de teste e verificação de layout. Os elementos no cabeçalho estão funcionando com links, exceto o Sobre onde ainda não possui uma página destino para esses dados.

Observações:

• O preview é apenas uma representação do código fornecido, e pode variar dependendo do navegador e da resolução da tela.
• O design do site é simples, mas pode ser facilmente customizado com a adição de mais CSS.
• O código JavaScript implementa uma funcionalidade básica para exibir as notícias.
• O código está pronto para ser expandido com recursos mais avançados, como busca, filtros e integração com redes sociais.