Clone Airbnb

Ce projet est un clone de l'interface d'Airbnb, créé avec Next.js, TypeScript et Tailwind CSS.

Technologies utilisées

• Next.js 14
• React 18
• TypeScript
• Tailwind CSS
• Lucide React pour les icônes

Fonctionnalités

• Interface utilisateur responsive
• Barre de navigation avec recherche
• Filtres par catégorie
• Affichage des propriétés en grille
• Système de favoris
• Design moderne et élégant

Installation

1. Clonez le dépôt :

git clone [URL_DU_REPO]

2. Installez les dépendances :

npm install

3. Lancez le serveur de développement :

npm run dev

4. Ouvrez http://localhost:3000 dans votre navigateur.

Structure du projet

src/
  ├── app/
  │   ├── page.tsx        # Page principale
  │   └── globals.css     # Styles globaux
  ├── components/
  │   ├── Navbar.tsx      # Barre de navigation
  │   ├── FilterBar.tsx   # Barre de filtres
  │   ├── PropertyCard.tsx # Carte de propriété
  │   └── PropertyGrid.tsx # Grille de propriétés
  └── public/
      └── images/         # Images des propriétés

Personnalisation

Les couleurs et thèmes peuvent être personnalisés dans le fichier tailwind.config.js.

Contribution

Les contributions sont les bienvenues ! N'hésitez pas à ouvrir une issue ou une pull request.