TailwindCSS Menu Using JS

Ce projet est un menu responsive développé avec TailwindCSS et JavaScript. Il a été conçu pour être simple à utiliser et à intégrer dans vos projets web.

Fonctionnalités

• Menu responsive qui s'adapte à différentes tailles d'écran
• Utilisation de TailwindCSS pour une mise en page rapide et facile
• Interaction dynamique avec JavaScript pour ouvrir et fermer le menu

Prérequis

Avant de commencer, assurez-vous d'avoir installé les éléments suivants :

• Node.js (v12+)
• TailwindCSS

Installation

1. Clonez le dépôt :

git clone https://github.com/votre-utilisateur/tailwindcss-menu-using-Js.git

2. Accédez au répertoire du projet :

cd tailwindcss-menu-using-Js

3. Installez les dépendances :

npm install

Utilisation

Compilez les fichiers CSS avec TailwindCSS :

npx tailwindcss -i ./src/input.css -o ./dist/output.css --watch

Ouvrez le fichier index.html dans votre navigateur pour voir le menu en action.

Personnalisation

Pour personnaliser le menu, vous pouvez modifier les fichiers suivants :

src/input.css : pour ajuster les styles TailwindCSS index.html : pour changer la structure HTML du menu app.js : pour adapter le comportement JavaScript du menu

Contribution

Les contributions sont les bienvenues ! Si vous souhaitez améliorer ce projet, veuillez soumettre une pull request.

Licence

Ce projet est sous licence MIT. Voir le fichier LICENSE pour plus de détails.