Nutrêm - Sabores Regionais

O Nutrêm - Sabores Regionais é um site dedicado a promover produtos alimentícios artesanais de diferentes regiões do país em períodos rotativos, destacando a diversidade cultural e gastronômica e culminando em eventos especiais ao final de cada ciclo.

🔨 Ideia Do Projeto:

• Banner Rotativo: Destaque da região atual e dos produtos disponíveis.
• Contagem Regressiva: Mostra quanto tempo falta para a próxima rotação de produtos/regionais.
• Seção de Destaques: Produtos mais populares, recomendações e novos itens.

Histórias das Regiões e Produtores:

• Perfis Detalhados: Informações sobre os produtores da região destacada.
• Multimídia: Vídeos e fotos dos processos de produção e das paisagens regionais.
• Informações Culturais e Históricas: Conheça a cultura e a história das regiões.

Seleção Rotativa de Produtos:

• Catálogo Limitado: Produtos selecionados da região atual.
• Detalhes de Produção: Informações sobre produção, ingredientes e métodos artesanais.
• Filtros de Produto: Filtros por tipo de produto (ex.: queijos, pães, conservas, doces).

Assinatura de Cestas Regionais:

• Serviço de Assinatura Mensal: Receba uma cesta com produtos da região em destaque.
• Personalização: Opção de personalização conforme preferências (ex.: sem glúten, vegano).

Mapa Interativo das Regiões:

• Mapa Dinâmico: Mostra as regiões destacadas e as próximas no calendário.
• Datas de Rotação: Informações sobre as datas de rotação e os produtos esperados.

Eventos e Degustações Virtuais:

• Sessões ao Vivo: Produtores apresentando seus produtos ao vivo.
• Degustações e Q&A: Sessões de degustação e perguntas e respostas sobre a produção e cultura local.

Blog e Receitas:

• Artigos: Blog com artigos sobre a gastronomia e cultura das regiões destacadas.
• Receitas Tradicionais: Receitas tradicionais utilizando os produtos da região em destaque.

Sustentabilidade e Impacto Social:

• Práticas Sustentáveis: Informações sobre práticas sustentáveis e impacto social dos produtos.
• Embalagens Sustentáveis: Informações sobre embalagens sustentáveis e apoio a comunidades locais.

Programa de Fidelidade e Recompensas:

• Pontuação e Recompensas: Pontuação por compras, avaliações e indicações de amigos.
• Descontos e Experiências: Recompensas como descontos, produtos exclusivos e experiências com produtores.

Feedback e Avaliações:

• Sistema de Avaliações: Avaliações dos produtos e produtores.
• Destaque para Comentários: Destaque para comentários positivos e sugestões de melhoria.

Opções de Entrega Sustentável:

• Entrega Verde: Entrega com embalagem sustentável e opções de entrega verde (bike, transporte elétrico).
• Pontos de Retirada: Informações sobre pontos de retirada em mercados locais e feiras.

Eventos de Encerramento do Ciclo:

• Feira Virtual e Física: Feira onde produtores da região destacada podem vender seus produtos diretamente aos clientes.
• Degustação e Cozinha ao Vivo: Sessões de degustação com chefs locais.
• Workshops e Palestras: Workshops sobre técnicas de produção artesanal e palestras sobre a cultura e história da região.
• Concurso de Receitas: Concurso para clientes com receitas usando os produtos do ciclo.
• Música e Cultura: Apresentações de música e dança típicas da região.

📁 Estrutura de Arquivos

A estrutura de arquivos do projeto está organizada da seguinte forma:

project-root/
├── css/
│   ├── animate.css
│   ├── bootstrap.min.css
│   ├── fontawesome.css
│   ├── main.css
│   └── responsivo.css
├── fonts/
├── img/
├── js/
│   ├── app.js
│   ├── bootstrap.min.js
│   ├── dados.js
│   ├── jquery-1.12.4.min.js
│   ├── modernizr-3.5.0.min.js
│   ├── popper.min.js
│   └── wow.min.js
├── index.html
└── README.md

Descrição dos Arquivos e Diretórios

• css/: Diretório que contém os arquivos de estilos CSS.

  • animate.css: Biblioteca de animações CSS.
  • bootstrap.min.css: Framework CSS Bootstrap.
  • fontawesome.css: Estilos para ícones do Font Awesome.
  • main.css: Estilos principais personalizados.
  • responsivo.css: Estilos para responsividade.

• fonts/: Diretório destinado às fontes utilizadas no projeto.

• img/: Diretório para armazenamento de imagens do site.

• js/: Diretório que contém os arquivos JavaScript.

  • app.js: Script principal da aplicação.
  • bootstrap.min.js: Biblioteca JavaScript do Bootstrap.
  • dados.js: Script para gerenciamento de dados.
  • jquery-1.12.4.min.js: Biblioteca jQuery.
  • modernizr-3.5.0.min.js: Biblioteca Modernizr para detectar funcionalidades HTML5 e CSS3.
  • popper.min.js: Biblioteca Popper para gerenciamento de popups.
  • wow.min.js: Biblioteca WOW.js para animações de rolagem.

• index.html: A página principal do site.

• README.md: Este arquivo de documentação.

🛠️ Abrir e rodar o projeto

Para abrir e rodar o projeto, basta abrir o arquivo index.html no navegador.

📚 Colaboradores

• Ana Vitória Dos Santos Silva
• Bruno Henrique Gregório
• Marlon Lenoir
• Renata Reis Marinho
• Samuel Rocha
• Thulio Martins Ferreira