Travelia est une application web moderne et immersive conçue pour une agence de voyage, permettant aux utilisateurs de découvrir des destinations mondiales exceptionnelles, de s'inspirer des galeries de voyageurs et d'accéder à un espace utilisateur complet (Inscription et Connexion).
Ce projet a été développé dans le cadre de la présentation de mes compétences techniques en développement web (HTML5, CSS3, JavaScript) pour la commission CMC.
- Page d'Accueil Dynamique (
traveliawebsite.html) :- Hero Section : Un design moderne avec une illustration du globe pour capter l'attention.
- Top Values : Présentation des valeurs de l'agence (Large choix, Guides touristiques experts, Réservation facile).
- Explore Top Destination : Cartes de destinations phares (Abu Dhabi, Pakistan, Burj Khalifa, etc.) avec prix, notes et avis.
- Section Statistiques : Compteurs d'expérience (20+ Years Experience, 460+ Destinations, 50k+ Happy Customers).
- Galerie Photo : Un agencement soigné des photos de voyageurs réels.
- Espace Authentification Complet :
- Inscription (
signuppage.html) : Formulaire d'inscription interactif avec validation des données. - Connexion (
loginpage.html) : Espace de connexion sécurisé côté client.
- Inscription (
- Page Principale Post-Authentification (
principalepage.html) : Zone dédiée aux utilisateurs connectés pour une expérience personnalisée.
- Frontend : HTML5, CSS3 (Design responsive, variables CSS)
- Dynamisme : JavaScript ES6+ (Gestion des interactions, validation des formulaires, animations)
- Design & UI : Palette de couleurs moderne (tons pastel, corail et bleu doux) avec des typographies épurées.
Conformément à l'organisation du dépôt, les fichiers sont structurés de manière transparente :
├── images/ # Galerie de photos et illustrations (Destinations, UI elements)
├── traveliawebsite.html # Page d'accueil officielle (Landing Page)
├── traveliawebsite.css # Styles de la page d'accueil
├── traveliawebsite.js # Scripts et logique de la page d'accueil
├── loginpage.html # Interface de connexion
├── loginpage.css # Style de l'interface de connexion
├── loginpage.js # Validation du formulaire de connexion
├── signuppage.html # Interface d'inscription
├── signuppage.css # Style de l'interface d'inscription
├── signuppage.js # Validation du formulaire d'inscription
└── principalepage.html # Page principale de l'application (Espace connecté)