Pesquisa e Filtros
Barra de pesquisa em tempo real com sugestões de destinos e filtros por preço, categoria e disponibilidade.
Resultado Final — IPTrip
Deploy e Domínio
O projeto IPTrip foi desenvolvido com Flask (Python) e JSON no backend, HTML5/CSS3/JavaScript no frontend e SQLite como base de dados. As comunicações de email são feitas via EmailJS e a API do Gmail.
O site está publicado no serviço de hosting Railway com suporte a Python/Flask, configurando os apontamentos DNS e certificados TLS.
O que foi construído
Funcionalidades entregues
Destinos e Pacotes
Listagem de destinos populares e pacotes exclusivos com galeria, descrição, itinerário e preços em múltiplas moedas.
Autenticação
Sistema de login e registo com sessões, área de cliente com dashboard, lista de desejos e histórico de reservas.
Checkout em 3 Passos
Fluxo de reserva: confirmação → pagamento simulado → conclusão, com gravação na base de dados SQLiteL.
Emails Automáticos
Envio automático de email de confirmação de reserva e receção de mensagens do formulário de contacto via EmailJS.
Multi-idioma e Moeda
Suporte a PT/EN/FR/ES e conversão de preços entre EUR, USD, GBP e CHF em tempo real.
Screenshots do projeto
Galeria
Página Inicial
Hero com fundo de mapa, CTA e aviso de cookies.
Pesquisa em Tempo Real
Barra de pesquisa com sugestões automáticas de destinos.
Destinos Populares
Cards com imagem, descrição, tags e preço de cada destino.
Pacotes Exclusivos
Pacotes tudo-incluído com detalhes, noites e botão de reserva.
Depoimentos e CTA
Avaliações de clientes e secção de chamada à ação.
Página de Contacto
Formulário de mensagem, informações de contacto e FAQ.
Seletor de Moeda
Dropdown para escolha entre EUR, USD, GBP e CHF.
Seletor de Idioma
Suporte a Português, Inglês, Francês e Espanhol.
Login
Formulário de autenticação com separador para criar conta.
Criar Conta
Formulário de registo com nome, email, telefone e senha.
Dashboard do Cliente
Área pessoal com visão geral, lista de desejos, reservas e definições.
Confirmação da Reserva
Passo 1 do checkout — resumo da reserva antes do pagamento.
Pagamento
Passo 2 — formulário de dados do cartão (simulação, sem pagamento real).
Reserva Concluída
Passo 3 — confirmação com referência da reserva e email enviado.
Email de Confirmação
Email automático enviado pelo IPTrip após cada reserva concluída.
Email de Contacto
Notificação recebida no email da empresa quando alguém usa o formulário de contacto.
Stack utilizada
Tecnologias Utilizadas
Editor
Visual Studio Code — edição de HTML, CSS, JavaScript, Python e JSON.
Frontend
HTML5, CSS3 e JavaScript — construção das páginas, interações e design responsivo.
Backend
Python com Flask e JSON — servidor, rotas, autenticação de sessões e realização das traduções.
Base de Dados
SQLite — armazenamento de utilizadores, destinos, pacotes e reservas.
Envio de Emails
EmailJS — envio de confirmações de reserva e receção de mensagens do formulário de contacto.
Controlo de Versão
Git e GitHub — gestão do código fonte e histórico de alterações ao longo do desenvolvimento.