TimeTravel Agency - Webapp Interactive

Webapp pour une agence fictive de voyage temporel. Le site presente trois destinations: Paris 1889, le Cretace -65M et Florence 1504.

Stack technique

• HTML, CSS et JavaScript vanilla
• Assets WebP locaux optimises
• Animations CSS + Intersection Observer
• Chatbot local a logique conversationnelle rule-based

Features implementees

• Page d'accueil immersive avec hero anime
• Galerie de 3 destinations avec cartes interactives
• Details par destination en fenetre modale
• Agent conversationnel en bas a droite
• Quiz de recommandation personnalisee
• Formulaire de reservation avec validation et estimation tarifaire
• Design responsive mobile et desktop

IA utilisees

• Visuels: image generee avec l'outil imagegen, puis decoupee en trois assets locaux
• Code: assistance IA via Codex
• Chatbot: prototype local sans cle API, pret a etre remplace par Mistral, Groq ou OpenRouter

Lancer le projet

Aucune installation n'est necessaire.

python3 -m http.server 5173

Puis ouvrir:

http://localhost:5173

Avec Docker:

docker compose up

Puis ouvrir:

http://localhost:8080

Deploiement

Le projet peut etre depose tel quel sur Netlify, Vercel, Cloudflare Pages ou GitHub Pages. Le fichier d'entree est index.html.

Credits

• Projet pedagogique TimeTravel Agency
• Images generees pour le projet et stockees dans assets/

Licence

Projet pedagogique - Digital & IA.