🥔 Crousti’Saveurs   —   Boutique de Chips

📌 Sommaire

    🎨   Introduction
    🛠️   Technologies
    🎯   Fonctionnalités
    🚀   Installation

🎨 Introduction

Crousti’Saveurs est une landing page colorée et responsive pour une boutique de chips artisanales. Elle propose une navigation fluide, un design vibrant, un catalogue animé et une approche santé. Le site inclut une présentation produit, des valeurs nutritionnelles, un slider de favoris via Swiper.js et une section contact. Parfait pour un projet food e-commerce fun et gourmand.

🛠️ Technologies

• HTML5 sémantique et structuration claire
• CSS3 moderne avec variables, media queries et animations
• JavaScript ES6 clair et modulaire
• Swiper.js pour les carrousels favoris
• ScrollReveal pour des animations au scroll
• Remix Icons pour des icônes vectorielles modernes
• Responsive Design pensé en mobile-first

🎯 Fonctionnalités

• Section Accueil dynamique avec éléments flottants
• Slider de chips favorites animé avec Swiper.js
• Présentation des engagements santé de la marque
• Catalogue produits avec images, titres, prix et bouton d’ajout
• Menu responsive avec effet burger animé
• Section contact complète : réseaux sociaux, téléphone, adresse
• Scroll animations : entrées, effets, survols, transitions douces
• Bouton de retour à l'accueil animé
• Thème coloré, joyeux et parfaitement responsive
• Code propre, maintenable, sans framework externe lourd

🚀 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/chips-shop_ui
cd chips-shop_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.