☕ Café des Rêves   —   Le Comptoir Moderne

📌 Sommaire

    🎨   Introduction
    🛠️   Technologies
    🎯   Fonctionnalités
    🚀   Installation

🎨 Introduction

Café des Rêves est une landing page moderne et immersive dédiée à l’univers du café, mêlant produits gourmands, café premium, blog et branding affirmé. Pensée pour une expérience fluide et responsive, elle intègre animations soignées et chargement optimisé. Idéale pour une marque artisanale, un torréfacteur ou une boutique en ligne.

🛠️ Technologies

• HTML5 sémantique et structuration claire
• CSS3 moderne avec variables, media queries et animations
• JavaScript ES6 clair et modulaire
• MixItUp pour le filtrage dynamique
• Boxicons pour des icônes vectorielles modernes
• Responsive Design pensé en mobile-first

🎯 Fonctionnalités

• Section Accueil avec compteur de produits et avis
• Section Spécialités : cafés, cookies, service à domicile
• Produits filtrables par catégorie avec MixItUp
• Présentation d’un pack café premium avec promotion
• Section Blog intégrée avec articles illustrés
• Logos partenaires en bas de page
• Loader animé au lancement
• Navigation mobile responsive avec menu burger
• Scroll up et header sticky dynamique
• Newsletter et footer complet : contact, horaires, adresse
• Code HTML/CSS/JS pur, optimisé et maintenable

🚀 Installation

✅ Prérequis

• Google Chrome  —  Navigateur moderne
• Visual Studio Code  —  Éditeur de code
• Live Server  —  Extension VS Code

📥 Cloner le projet

git clone [email protected]:ValentinMadiot/coffee-shop-1_ui
cd coffee-shop-1_ui

▶️ Lancer le projet

Il suffit d’ouvrir le fichier index.html dans un navigateur, ou d’utiliser l’extension Live Server sur VS Code pour un aperçu dynamique.