🍳 Instituto do Sabor

Plataforma educacional desenvolvida para divulgação de cursos, eventos, conteúdos gastronômicos e gestão de informações institucionais do Instituto do Sabor.

O projeto foi construído com foco em experiência do usuário, responsividade, performance e facilidade de gerenciamento de conteúdo, oferecendo uma presença digital moderna para alunos, professores e visitantes.

---

📜 Notas

• Status: Em Produção
• Versão: 1.1.0
• Plataforma Web Responsiva
• Compatível com Desktop, Tablet e Smartphones
• Otimizada para SEO e dispositivos móveis

---

🎯 Objetivo

Disponibilizar uma plataforma digital moderna para divulgação de cursos, eventos, conteúdos gastronômicos e informações institucionais, fortalecendo a presença online do Instituto do Sabor e facilitando a comunicação com alunos e visitantes.

---

✨ Funcionalidades

🎓 Cursos

• Divulgação de cursos
• Informações detalhadas
• Conteúdo programático
• Datas e cronogramas

📅 Eventos

• Divulgação de eventos gastronômicos
• Workshops
• Aulas especiais
• Programações institucionais

📰 Conteúdo

• Publicação de notícias
• Artigos
• Conteúdo gastronômico
• Atualizações institucionais

📱 Plataforma Responsiva

• Layout adaptável
• Experiência Mobile First
• Navegação otimizada

✉️ Captação de Leads

• Formulários de contato
• Solicitação de informações
• Comunicação com potenciais alunos

🖼️ Gestão de Conteúdo

• Editor visual
• Construção dinâmica de páginas
• Personalização de conteúdo

📍 Informações Institucionais

• Localização
• Contatos
• Informações sobre a instituição
• Apresentação institucional

---

🚀 Tecnologias Utilizadas

Front-end

• Next.js 14
• React 18
• TypeScript 5

Interface

• Material UI (MUI)
• Ant Design
• Emotion
• React Icons
• Framer Motion

Gerenciamento de Estado

• Zustand

Comunicação

• Axios

Conteúdo

• React Quill
• PapaParse

Editor Visual

• GrapesJS
• GrapesJS Blocks Basic
• GrapesJS Flexbox
• GrapesJS Preset Webpage
• GrapesJS Rulers

Progressive Web App

• Next PWA

Utilitários

• Day.js
• CEP Promise
• JS Cookie

---

🏗️ Arquitetura

O projeto foi desenvolvido utilizando a arquitetura App Router do Next.js, com componentização reutilizável, gerenciamento de estado desacoplado e foco em escalabilidade.

Principais módulos:

• Institucional
• Cursos
• Eventos
• Conteúdo
• Formulários
• Editor Visual
• Gestão de Conteúdo

---

📦 Requisitos

Tecnologia	Versão
Node.js	20+
Yarn	1.22+

---

⚙️ Instalação

Clonar o projeto

git clone https://github.com/seu-usuario/gestedu-frontend.git

Entrar na pasta

cd gestedu-frontend

Instalar dependências

yarn install

---

▶️ Executando Localmente

yarn dev

A aplicação estará disponível em:

http://localhost:3000

---

🏗️ Build de Produção

yarn build

yarn start

A aplicação será executada na porta:

4700

---

📁 Estrutura do Projeto

src
├── app
├── components
├── layouts
├── services
├── stores
├── hooks
├── utils
├── styles
├── assets
└── types

---

⚡ Recursos Técnicos

• Server Side Rendering (SSR)
• Static Generation (SSG)
• Progressive Web App (PWA)
• SEO Otimizado
• Componentização Reutilizável
• Gerenciamento Global de Estado
• Editor Visual Integrado
• Interface Responsiva
• Animações Modernas
• Performance Otimizada

---

🔒 Qualidade de Código

Padronização

• ESLint
• Prettier
• Husky
• Lint Staged

Controle de Qualidade

• Verificação de Tipagem TypeScript
• Hooks de Pré-Commit
• Hooks de Pré-Push
• Formatação Automatizada

---

🔮 Roadmap Futuro

• Área do Aluno
• Certificados Digitais
• Ambiente Virtual de Aprendizagem
• Integração com Pagamentos
• Portal do Professor
• Aplicativo Mobile
• Notificações Push
• Dashboard Administrativo

---

👨‍💻 Autor

George

Full Stack Developer

---

📜 Licença

Projeto privado.

Todos os direitos reservados.