🧭 Composants de Navigation

📌 Sommaire

    🎨   Introduction
    🛠️   Technologies
    🎯   Fonctionnalités
    🚀   Installation

🎨 Introduction

Ce projet React propose 9 barres de navigation modernes réparties en 3 catégories :

• Barre du Haut : Menu principal en haut de page
• Barre Latérale : Menu latéral fixe ou déroulant
• Barre du Bas : Navigation positionnée en bas pour mobile

Chaque composant est conçu pour être responsive, modulaire et facilement intégrable dans vos projets web (dashboard, app mobile, SaaS...).

🛠️ Technologies

• React 18 + Vite
• React Router DOM + React Icons
• CSS natif modulaire (1 fichier par composant)
• Hooks React : useState, useEffect, useRef
• Convention BEM : navX__element
• Déploiement sur Vercel

🎯 Fonctionnalités

• 9 composants de navigation répartis par type
• Design responsive (mobile & desktop)
• Menus déroulants, sous-menus, toggles dynamiques
• Transitions CSS fluides & comportement actif intelligent
• Comportements dynamiques (menus actifs, fermeture auto, etc.)
• Routage intégré avec bouton de retour
• Composants prêts à l’emploi pour tout type de layout

🚀 Installation

✅ Prérequis

• Git  —  Système de gestion de versions
• Node.js  —  Exécuteur local de scripts JavaScript
• npm  —  Gestionnaire de paquets JavaScript
• Google Chrome  —  Navigateur moderne
• Visual Studio Code  —  Éditeur de code

📥 Cloner le projet

git clone https://github.com/ValentinMadiot/components-navigation_ui
cd components-navigation_ui

▶️ Lancer le projet

Frontend

npm install
npm run dev

Frontend disponible sur : http://localhost:5173