https://github.com/valentinmadiot/fruit-shop_ui

Landing page responsive d’un magasin de fruits bio, avec design fruité, dark-mode, animations ScrollReveal, navigation dynamique. Pensée mobile-first, moderne et immersive.
https://github.com/valentinmadiot/fruit-shop_ui

animated-ui css3 dark-mode design email-subscription fruit-store html5 javascript landing-page landing-pages light-theme mobile-navigation organic-products remix-icons responsive-design reveal-js scroll-animation scrollreveal-js svg-images theme-toggle

Last synced: about 2 months ago
JSON representation

Landing page responsive d’un magasin de fruits bio, avec design fruité, dark-mode, animations ScrollReveal, navigation dynamique. Pensée mobile-first, moderne et immersive.

• Host: GitHub
• URL: https://github.com/valentinmadiot/fruit-shop_ui
• Owner: ValentinMadiot
• Created: 2025-02-08T08:25:42.000Z (over 1 year ago)
• Default Branch: main
• Last Pushed: 2025-07-24T18:52:45.000Z (10 months ago)
• Last Synced: 2025-10-14T03:45:51.672Z (8 months ago)
• Topics: animated-ui, css3, dark-mode, design, email-subscription, fruit-store, html5, javascript, landing-page, landing-pages, light-theme, mobile-navigation, organic-products, remix-icons, responsive-design, reveal-js, scroll-animation, scrollreveal-js, svg-images, theme-toggle
• Language: CSS
• Homepage: https://fruit-shop-vm.netlify.app/
• Size: 4.36 MB
• Stars: 1
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

          


    

      

    

    

    

  
🍎 Le Panier Vitaminé   —   Boutique de Fruits Bio



## 
 📌 Sommaire

    🎨   [**Introduction**](#introduction)


    🛠️   [**Technologies**](#technologies)


    🎯   [**Fonctionnalités**](#fonctionnalités)


    🚀   [**Installation**](#installation)


## 
 🎨 Introduction

Le Panier Vitaminé est une landing page immersive pour un magasin de fruits bio. Pensée mobile-first, elle combine design fruité, animations au scroll et filtrage visuel des produits pour une expérience utilisateur fraîche, moderne et engageante.

## 
 🛠️ Technologies

- HTML5 sémantique et structuration claire

- CSS3 moderne avec variables, media queries et animations

- JavaScript ES6 clair et modulaire

- [ScrollReveal](https://scrollrevealjs.org/) pour des animations au scroll

- [Remix Icons](https://remixicon.com/) pour des icônes vectorielles modernes

- Responsive Design pensé en mobile-first

## 
 🎯 Fonctionnalités

- Présentation des fruits populaires avec prix au kg

- Section Mangez & Savourez en cartes animées

- Menu sticky avec lien actif dynamique au scroll

- Mode clair et sombre switchable manuellement

- Design immersif avec illustrations SVG décoratives

- Menu mobile animé avec ouverture et fermeture fluide

- Section contact complète et formulaire d’inscription e-mail

- Scroll Reveal animé sur toutes les sections

- Layout responsive desktop-first

## 
 🚀 Installation

### ✅ Prérequis

- [Google Chrome](https://www.google.com/)  —  Navigateur moderne

- [Visual Studio Code](https://code.visualstudio.com/)  —  Éditeur de code

- [Live Server](https://marketplace.visualstudio.com/items?itemName=ritwickdey.LiveServer)  —  Extension VS Code

### 📥 Cloner le projet

```bash

git clone git@github.com:ValentinMadiot/fruit-shop_ui

cd fruit-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.