✨ ArtAfrica — Artisanat & Créations Africaines d'Exception ✨

Une plateforme e-commerce vitrine dédiée à la valorisation, au rayonnement et à la commercialisation de l'artisanat africain haut de gamme.

---

📸 Aperçu du Site (Démonstration Visuelle)

🌟 Page d'Accueil & Bannière Héro

Interface moderne et élégante mettant en avant le savoir-faire artisanal africain avec un design sombre aux nuances dorées et terre cuite.

🛒 Catalogue & Grille de Produits

Une présentation raffinée des articles avec des filtres interactifs, des badges d'authenticité et des fiches produits détaillées.

🎨 Slogan & Identité de Marque

---

📌 À Propos de ArtAfrica

ArtAfrica est une plateforme web moderne conçue pour faire le pont entre les maîtres artisans d'Afrique et les passionnés d'art, de mode et de culture du monde entier.

L'objectif principal de ce projet est d'offrir une vitrine numérique d'exception mettant en valeur :

• 🌿 La Cosmétique Naturelle (Beurre de Karité pur, huiles végétales précieuses, savons traditionnels)
• 💍 Les Bijoux & Accessoires (Créations en bronze, perles du Ghana, maroquinerie faite main)
• 🗿 La Décoration d'Intérieur (Statues en bois d'ébène, masques traditionnels, paniers tressés)
• 🧵 Les Textiles & Tissus Authentiques (Wax véritable, Bogolan du Mali, étoffes Kente)

Toutes les pièces présentées racontent une histoire unique et célèbrent la richesse culturelle de divers pays africains (Mali, Ghana, Sénégal, Côte d'Ivoire, Bénin, etc.).

---

✨ Fonctionnalités Clés

• 🔍 Recherche dynamique en direct : Recherchez rapidement un article par nom, matériau, type ou pays d'origine.
• 🛍️ Gestion dynamique du Panier :
  • Ajout/Suppression d'articles avec mise à jour instantanée.
  • Ajustement interactif des quantités.
  • Calcul automatique du sous-total, des frais de livraison et du total final.
  • Zone d'application de codes promo réductions.
• 📱 Design Multi-Appareils (Responsive Mobile-First) : Adaptation fluide et parfaite sur smartphones, tablettes et écrans de bureau.
• 🏷️ Filtrage par Univers & Catégories : Navigation intuitive entre les différentes rubriques thématiques.
• 🌍 Valorisation de l'Origine : Chaque produit met en évidence le pays créateur et l'artisan derrière l'œuvre.
• ✉️ Formulaire de Contact & Interaction : Module de contact rapide pour les commandes sur-mesure ou partenariats.

---

🗂️ Arborescence & Architecture du Projet

ARTAFRICA/
├── index.html            # Page d'accueil principale (Hero, Recherche, Tendances, Engagements)
├── cosmetique.html       # Catalogue dédié aux soins et cosmétiques naturels
├── accessoires.html      # Catalogue dédié aux bijoux et à la maroquinerie
├── decorations.html      # Catalogue dédié à la décoration d'intérieur et masques
├── texttile.html         # Catalogue dédié aux textiles traditionnels et tissus Wax
├── propos.html           # Page "À Propos" (Histoire, mission et commerce équitable)
├── panier.html           # Page d'interaction du panier d'achat et récapitulatif
│
├── style.css             # Feuille de style principale (Design system, variables, thèmes)
├── panier.css            # Styles spécifiques à la mise en page et composants du panier
├── main.js               # Logique JavaScript (Recherche, filtres, gestion du panier)
│
└── images/               # Banque d'images & ressources visuelles du site
    ├── slogan-logo/      # Logotype officiel et bannières de la marque
    ├── preview/          # Captures d'écran et visuels de démonstration pour le README
    ├── accessoires/      # Photographies des bijoux et accessoires
    ├── cosmetique/       # Photographies des produits cosmétiques
    ├── decorations/      # Photographies des objets d'art et sculptures
    ├── textilles/        # Photographies des tissus et créations textiles
    └── pays/             # Drapeaux et illustrations des pays producteurs

---

🛠️ Technologies Utilisées

Technologie / Outil	Utilisation
HTML5	Structuration sémantique des pages et accessibilité web
CSS3 (Vanilla)	Variable CSS, Flexbox, Grid Layout, Animations & Transitions fluides
JavaScript (ES6+)	Logique interactive client, gestion du panier, recherche et DOM
Bootstrap 5.3.3	Système de grille responsive et composants UI avancés
Bootstrap Icons	Iconographie moderne et homogène à travers tout le site
Google Fonts	Typographie soignée pour un rendu visuel haut de gamme

---

🚀 Prise en Main & Installation Locale

Aucune installation complexe ou dépendance serveur n'est requise pour exécuter le site !

Option 1 : Directement dans votre navigateur

1. Cloner le dépôt ou télécharger le projet sur votre machine :

   git clone https://github.com/votre-compte/ARTAFRICA.git

2. Accédez au dossier du projet :

   cd ARTAFRICA

3. Ouvrez simplement le fichier index.html dans n'importe quel navigateur web moderne (Google Chrome, Mozilla Firefox, Microsoft Edge, Safari).

Option 2 : Avec une extension Live Server (Recommandé pour les développeurs)

• Si vous utilisez VS Code, faites un clic droit sur index.html puis sélectionnez "Open with Live Server" (Alt + L, Alt + O).

---

🎨 Charte Graphique & Palette de Couleurs

Le design de ArtAfrica repose sur une palette chaleureuse évoquant la terre, le luxe et l'authenticité :

• 🟡 Or Chaud (#D4AF37 / #FFC107) : Élégance, préciosité et lumière.
• 🟤 Bronze & Terracotta (#A0522D / #CD853F) : Authenticité, artisanat et terre africaine.
• ⬛ Noir & Charbon Profond (#1A1A1A / #222222) : Contraste haut de gamme et sobriété.
• ⚪ Blanc Cassé & Sable (#F9F9F9 / #FFF8DC) : Douceur et lisibilité optimale.

---

🔮 Perspectives d'Évolution (Roadmap)

• 💳 Intégration de Passerelles de Paiement (Stripe, PayPal, Mobile Money - Wave / Orange Money).
• 🌐 Internationalisation (i18n) : Support multi-langues (Français / Anglais).
• 👤 Espace Client / Authentification : Profil utilisateur, historique des commandes et liste de souhaits.
• 📦 Suivi de Livraison en temps réel des colis artisanaux.

---

Fait avec ❤️ pour la promotion de l'Artisanat et de la Culture Africaine.