FG

FoodGest

Website de Consultoria para a Restauração



Apresentação do Projeto · Abril 2026

Visão Geral

O que é o FoodGest?

Um website completo para o setor da restauração

O FoodGest é um website profissional que combina consultoria especializada e workshops formativos para apoiar restaurantes, bares, pastelarias e cafés em Portugal na otimização dos seus negócios.

9
Páginas
7
Endpoints API
5
Modelos de Dados
Website

Desktop e Mobile

Design responsivo e profissional

Homepage Desktop
Homepage Mobile
Funcionalidades

Páginas do Website

Experiência completa para o utilizador final

Homepage
Homepage
Consultoria
Consultoria
Franchising
Franchising
Workshops
Workshops
Sobre Nós
Sobre Nós
Clientes
Clientes
Contactos
Contactos
Funcionalidades

Destaques Técnicos

Detalhes que fazem a diferença

Pagamento Stripe integrado — Inscrição em workshops com checkout seguro, suporte a early bird pricing e webhooks para confirmação automática.
Animações com Framer Motion — Transições de página, animações de texto palavra-a-palavra e efeitos ao scroll para uma experiência premium.
Smooth scrolling com Lenis — Navegação suave e profissional em toda a aplicação.
Contadores animados — Números que incrementam quando entram no viewport, para impacto visual.
Páginas legais — Política de Privacidade e Política de Cookies com formatação profissional.
Serviços

Consultoria e Workshops

As páginas principais do negócio

Consultoria

Consultoria

Gestão financeira, engenharia de menus, operações e recursos humanos. Cada serviço com descrição detalhada e imagens.

Workshops

Workshops

Listagem dinâmica com datas, preços (incl. early bird), vagas disponíveis e inscrição com pagamento Stripe.

Tecnologia

Stack Tecnológico

Tecnologias modernas e robustas

Frontend
React 19 TypeScript Vite Tailwind CSS 4 Framer Motion React Router 7 React Hook Form
Backend
Django 5.2 Django REST Framework Python 3 SQLite Stripe SDK
Infraestrutura
Nginx Hetzner Cloud SSL / Certbot Deploy Automatizado Gzip Compression
Arquitetura

Arquitetura do Sistema

Separação clara entre frontend e backend

Browser

React SPA
Single Page App

→

Nginx

Reverse Proxy
SSL + Cache

→

Django API

REST Framework
Lógica de Negócio

→

SQLite

Base de Dados
Persistência


Stripe

Pagamentos
Checkout + Webhooks

↔

Django API

Criação de sessões
Validação de pagamento

Dados

Modelo de Dados

5 entidades que suportam todo o website

Módulo Core

  • Cliente — Empresas parceiras (logo, website, ordenação)
  • Testemunho — Avaliações de clientes (texto, foto, destaque)
  • Contacto — Mensagens do formulário (nome, email, tipo negócio)
  • Newsletter — Subscrições de email

Módulo Workshops

  • Workshop — Eventos formativos (data, local, preço, vagas, Stripe ID)
  • Inscrição — Registos em workshops (dados pessoais, estado pagamento)
API

REST API

Endpoints bem definidos com Django REST Framework

Leitura (GET)

  • /api/workshops/ — Listar workshops futuros
  • /api/workshops/<slug>/ — Detalhe do workshop
  • /api/testemunhos/ — Listar testemunhos
  • /api/clientes/ — Listar clientes

Escrita (POST)

  • /api/workshops/<id>/inscrever/ — Inscrição + Stripe
  • /api/contacto/ — Enviar mensagem
  • /api/newsletter/ — Subscrever newsletter

Paginação automática (12 itens/página)
Filtragem por data e estado
Slugs para URLs amigáveis
CORS configurado

Design

Identidade Visual

Design system coerente e profissional

Paleta de Cores

Caramelo

Caramelo Dark

Creme

Brown Dark

Burgundy

Tipografia e UX

Font: Montserrat

Animações: Framer Motion com efeitos ao scroll, transições suaves entre páginas

Scroll: Lenis smooth scrolling

Layout: Responsivo, mobile-first com Tailwind CSS

Infraestrutura

Deploy e Performance

Pipeline automatizado e otimizações de produção

Deploy Automatizado

Script Python com Paramiko (SSH/SFTP) que faz build do frontend, upload dos ficheiros e configuração do Nginx automaticamente.

SSL/HTTPS

Certificado SSL automático via Certbot/Let’s Encrypt com renovação automática.

Performance

Gzip compression, cache de assets estáticos (1 ano), cache de imagens (30 dias), SPA routing otimizado.

Hosting

Servidor Hetzner Cloud com Nginx como reverse proxy e servidor de ficheiros estáticos.

Resumo

Protótipo

Website
9 páginas responsivas
Pagamentos Online
Stripe integrado
Painel de Gestão
Django Admin

Espero que o protótipo tenha correspondido às suas expectativas e que possamos avançar com o restante desenvolvimento do projeto.


Visitar o Prototipo →

Obrigado

Questões? Estamos disponíveis para esclarecer qualquer dúvida.


josepedrobarros.com



Ver o Website →
1 / 14