https://github.com/valentinmadiot/bakery_ui

Création d'une landing page moderne pour une boulangerie, conçu en HTML/CSS/JS pur, avec design responsive, animations ScrollReveal, navigation mobile fluide et mise en avant des produits artisanaux.
https://github.com/valentinmadiot/bakery_ui

animated-navigation business-website clean-ui design html-css-js landing landing-page mobile-menu netlify-deployment product-catalog remix-icons responsive-design responsive-layout scroll-effects scroll-to-top scrollreveal scrollreveal-js ui vanilla-javascript vanilla-js

Last synced: about 2 months ago
JSON representation

Création d'une landing page moderne pour une boulangerie, conçu en HTML/CSS/JS pur, avec design responsive, animations ScrollReveal, navigation mobile fluide et mise en avant des produits artisanaux.

• Host: GitHub
• URL: https://github.com/valentinmadiot/bakery_ui
• Owner: ValentinMadiot
• Created: 2025-02-16T06:20:41.000Z (over 1 year ago)
• Default Branch: main
• Last Pushed: 2025-07-25T18:20:22.000Z (11 months ago)
• Last Synced: 2025-07-26T01:06:40.937Z (11 months ago)
• Topics: animated-navigation, business-website, clean-ui, design, html-css-js, landing, landing-page, mobile-menu, netlify-deployment, product-catalog, remix-icons, responsive-design, responsive-layout, scroll-effects, scroll-to-top, scrollreveal, scrollreveal-js, ui, vanilla-javascript, vanilla-js
• Language: CSS
• Homepage: https://bakery-vm.netlify.app/
• Size: 13.5 MB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

          
  

      

        

    

      

      

  
🥖 Four & Farine   —   Boulangerie Artisanale
  



## 
 📌 Sommaire

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


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


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


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


## 
 🎨 Introduction

Four & Farine est une landing page moderne et minimaliste pour une boulangerie artisanale, développée en HTML, CSS et JavaScript. Elle met en valeur les spécialités maison, les nouveautés, les produits favoris et l’adresse du commerce, avec animations fluides via ScrollReveal.js et design chaleureux. Parfaite pour tout artisan souhaitant valoriser ses créations dans le secteur culinaire.

## 
 🛠️ 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

- Landing page immersive avec image de fond

- Menu de navigation responsive avec ouverture et fermeture mobile

- Sections dynamiques : Accueil, Nouveautés, À propos, Favoris, Visite

- Présentation des pains avec titres, descriptions et prix en euros

- Footer complet avec adresse, horaires, contact et réseaux sociaux

- Animation de scroll fluide sur chaque section

- Affichage des liens actifs lors du scroll

- Scroll up button visible après défilement

- Design chaleureux adapté aux métiers de bouche

- Intégration Google Maps pour géolocalisation directe

## 
 🚀 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/bakery_ui

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