{"id":43175719,"url":"https://github.com/benmed00/lucid-web-craftsman","last_synced_at":"2026-02-01T03:04:09.374Z","repository":{"id":294349460,"uuid":"985978667","full_name":"benmed00/lucid-web-craftsman","owner":"benmed00","description":"e-Store for straw hats hand made in the Rif-region of morroco https://supabase.com/dashboard/project/xcvlijchkmhjonhfildm","archived":false,"fork":false,"pushed_at":"2026-01-30T23:07:00.000Z","size":28873,"stargazers_count":1,"open_issues_count":4,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2026-01-31T14:32:31.014Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":"https://rif-elegance.com/","language":"TypeScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/benmed00.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":"SECURITY_FIXES_MANUAL.sql","support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null,"zenodo":null,"notice":null,"maintainers":null,"copyright":null,"agents":null,"dco":null,"cla":null}},"created_at":"2025-05-18T23:00:57.000Z","updated_at":"2026-01-30T23:07:04.000Z","dependencies_parsed_at":"2025-07-28T15:22:40.597Z","dependency_job_id":"74446f23-cd33-4660-9ae5-d8e5720f6cd2","html_url":"https://github.com/benmed00/lucid-web-craftsman","commit_stats":null,"previous_names":["benmed00/lucid-web-craftsman"],"tags_count":1,"template":false,"template_full_name":null,"purl":"pkg:github/benmed00/lucid-web-craftsman","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/benmed00%2Flucid-web-craftsman","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/benmed00%2Flucid-web-craftsman/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/benmed00%2Flucid-web-craftsman/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/benmed00%2Flucid-web-craftsman/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/benmed00","download_url":"https://codeload.github.com/benmed00/lucid-web-craftsman/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/benmed00%2Flucid-web-craftsman/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":28965436,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-02-01T02:14:24.993Z","status":"ssl_error","status_checked_at":"2026-02-01T02:13:55.706Z","response_time":56,"last_error":"SSL_read: unexpected eof while reading","robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":false,"can_crawl_api":true,"host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":[],"created_at":"2026-02-01T03:04:09.309Z","updated_at":"2026-02-01T03:04:09.367Z","avatar_url":"https://github.com/benmed00.png","language":"TypeScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# 🏺 Rif Raw Straw - Marketplace Artisanal Berbère\n\n[![Lovable](https://img.shields.io/badge/Built%20with-Lovable-ff69b4.svg)](https://lovable.dev)\n[![React](https://img.shields.io/badge/React-18.3.1-blue.svg)](https://reactjs.org/)\n[![TypeScript](https://img.shields.io/badge/TypeScript-5.0+-green.svg)](https://www.typescriptlang.org/)\n[![Tailwind CSS](https://img.shields.io/badge/Tailwind%20CSS-3.0+-06B6D4.svg)](https://tailwindcss.com/)\n[![Vite](https://img.shields.io/badge/Vite-5.0+-646CFF.svg)](https://vitejs.dev/)\n\n## 📖 Vue d'ensemble\n\n**Rif Raw Straw** est une marketplace en ligne dédiée à la promotion et à la vente de produits artisanaux berbères authentiques. Cette plateforme moderne connecte les artisans berbères traditionnels avec une clientèle mondiale, préservant ainsi l'héritage culturel tout en offrant une expérience d'achat premium.\n\n### 🎯 Mission\n\nValoriser l'artisanat berbère traditionnel en créant une vitrine numérique moderne qui respecte l'authenticité culturelle tout en offrant une expérience utilisateur exceptionnelle.\n\n## ✨ Fonctionnalités Principales\n\n### 🛍️ Expérience d'Achat\n- **Catalogue de Produits** : Navigation intuitive avec filtres avancés\n- **Aperçu Rapide** : Prévisualisation immédiate des produits sans quitter la page\n- **Panier Intelligent** : Gestion d'état persistante avec calculs de livraison\n- **Liste de Souhaits** : Sauvegarde de produits favoris avec synchronisation\n- **Recherche Avancée** : Recherche par nom, catégorie, et caractéristiques\n\n### 📱 Interface Utilisateur\n- **Design Responsive** : Optimisé pour tous les appareils (mobile-first)\n- **Interface Moderne** : Design épuré avec palette de couleurs terre\n- **Animations Fluides** : Transitions et micro-interactions raffinées\n- **Accessibilité** : Conforme aux standards WCAG 2.1\n- **PWA Ready** : Installation possible sur mobile et desktop\n\n### 🔐 Gestion Utilisateur\n- **Authentification** : Système d'inscription/connexion sécurisé\n- **Profil Utilisateur** : Gestion des informations personnelles\n- **Historique Commandes** : Suivi complet des achats\n- **Programme de Fidélité** : Système de points et récompenses\n\n### 🏪 Fonctionnalités E-commerce\n- **Gestion Inventaire** : Suivi en temps réel des stocks\n- **Système de Paiement** : Intégration Stripe pour paiements sécurisés\n- **Calcul Livraison** : Estimation automatique des frais de port\n- **Notifications** : Alertes stock, promotions, et confirmations\n- **Multi-devises** : Support EUR, USD, MAD\n\n### 📊 Administration\n- **Dashboard Admin** : Interface de gestion complète\n- **Gestion Produits** : CRUD complet avec upload d'images\n- **Analytics** : Statistiques de vente et comportement utilisateur\n- **Gestion Commandes** : Traitement et suivi des commandes\n- **Système de Reviews** : Modération des avis clients\n\n## 🖼️ Aperçus de l'Application\n\n### Page d'Accueil\n![Homepage Hero](./public/assets/screenshots/homepage-hero.jpg)\n*Interface principale avec navigation intuitive et mise en avant des produits*\n\n### Cartes Produits\n![Product Cards](./public/assets/screenshots/product-card-demo.jpg)\n*Design moderne des cartes produits avec fonctionnalités interactives*\n\n### Détail Produit\n![Product Detail](./public/assets/screenshots/product-detail.jpg)\n*Page produit complète avec galerie d'images et informations détaillées*\n\n### Version Mobile\n![Mobile Responsive](./public/assets/screenshots/mobile-responsive.jpg)\n*Interface responsive optimisée pour les appareils mobiles*\n\n### Panier \u0026 Checkout\n![Cart and Checkout](./public/assets/screenshots/cart-checkout.jpg)\n*Processus d'achat simplifié et sécurisé*\n\n### Dashboard Utilisateur\n![User Dashboard](./public/assets/screenshots/user-dashboard.jpg)\n*Interface utilisateur pour la gestion du profil et des commandes*\n\n### Section Blog\n![Blog Section](./public/assets/screenshots/blog-section.jpg)\n*Contenu éditorial sur la culture berbère et l'artisanat*\n\n### Administration\n![Admin Dashboard](./public/assets/screenshots/admin-dashboard.jpg)\n*Interface d'administration complète pour la gestion de la plateforme*\n\n### Contact \u0026 Footer\n![Contact and Footer](./public/assets/screenshots/contact-footer.jpg)\n*Page de contact et informations institutionnelles*\n\n## 🚀 Technologies Utilisées\n\n### Frontend\n- **React 18.3.1** - Framework JavaScript moderne\n- **TypeScript** - Typage statique pour plus de robustesse\n- **Vite** - Build tool ultra-rapide\n- **Tailwind CSS** - Framework CSS utilitaire\n- **Shadcn/ui** - Composants UI modernes et accessibles\n\n### Backend \u0026 Services\n- **Supabase** - Backend-as-a-Service pour base de données et auth\n- **Stripe** - Processeur de paiements sécurisés\n- **Vercel** - Plateforme de déploiement et hébergement\n\n### État \u0026 Navigation\n- **React Router DOM** - Navigation côté client\n- **Context API** - Gestion d'état globale\n- **TanStack Query** - Cache et synchronisation des données\n\n### Outils de Développement\n- **ESLint** - Linting et qualité de code\n- **Prettier** - Formatage automatique\n- **Husky** - Hooks Git pour CI/CD\n- **Vitest** - Framework de tests unitaires\n\n## 🛠️ Installation \u0026 Configuration\n\n### Prérequis\n- **Node.js** \u003e= 18.0.0\n- **npm** \u003e= 8.0.0 ou **yarn** \u003e= 1.22.0\n- **Git** pour le contrôle de version\n\n### Installation Locale\n\n```bash\n# Cloner le repository\ngit clone https://github.com/votre-username/rif-raw-straw.git\ncd rif-raw-straw\n\n# Installer les dépendances\nnpm install\n\n# Configurer les variables d'environnement\ncp .env.example .env.local\n\n# Démarrer le serveur de développement\nnpm run dev\n```\n\n### Variables d'Environnement\n\n```env\n# Configuration Supabase\nVITE_SUPABASE_URL=your_supabase_url\nVITE_SUPABASE_ANON_KEY=your_supabase_anon_key\n\n# Configuration Stripe\nVITE_STRIPE_PUBLISHABLE_KEY=your_stripe_publishable_key\n\n# Configuration Générale\nVITE_APP_URL=http://localhost:5173\nVITE_API_URL=your_api_url\n```\n\n## 📁 Structure du Projet\n\n```\nrif-raw-straw/\n├── 📁 public/                    # Fichiers statiques\n│   ├── 📁 assets/               # Images et ressources\n│   └── 📄 manifest.json         # Configuration PWA\n├── 📁 src/                      # Code source principal\n│   ├── 📁 components/           # Composants React réutilisables\n│   │   ├── 📁 ui/              # Composants UI de base\n│   │   ├── 📁 admin/           # Composants d'administration\n│   │   └── 📁 auth/            # Composants d'authentification\n│   ├── 📁 pages/               # Pages de l'application\n│   │   ├── 📁 admin/           # Pages d'administration\n│   │   └── 📄 *.tsx            # Pages principales\n│   ├── 📁 hooks/               # Hooks React personnalisés\n│   ├── 📁 context/             # Contexts React (état global)\n│   ├── 📁 services/            # Services API et logique métier\n│   ├── 📁 shared/              # Types et interfaces partagés\n│   ├── 📁 utils/               # Fonctions utilitaires\n│   ├── 📁 data/                # Données statiques et mock\n│   ├── 📁 config/              # Configuration de l'application\n│   └── 📄 main.tsx             # Point d'entrée de l'application\n├── 📄 tailwind.config.ts       # Configuration Tailwind CSS\n├── 📄 vite.config.ts           # Configuration Vite\n├── 📄 tsconfig.json            # Configuration TypeScript\n└── 📄 package.json             # Dépendances et scripts\n```\n\n## 🎨 Système de Design\n\n### Palette de Couleurs\n- **Primaire** : Olive Green (#8B7A4D) - Inspiration terre berbère\n- **Secondaire** : Stone Gray (#78716C) - Neutralité moderne\n- **Accent** : Warm Amber (#F59E0B) - Touches dorées\n- **Fond** : Off-White (#FAFAF9) - Clarté et lisibilité\n\n### Typographie\n- **Titre** : Police serif moderne pour l'élégance\n- **Corps** : Police sans-serif pour la lisibilité\n- **Interface** : Police système optimisée\n\n### Composants UI\n- **Cartes** : Design épuré avec ombres subtiles\n- **Boutons** : États interactifs avec micro-animations\n- **Navigation** : Interface claire et intuitive\n- **Formulaires** : Validation en temps réel\n\n## 🔧 Identifiants des Boutons\n\nL'application utilise un système d'identification uniforme pour tous les boutons interactifs. Consultez le fichier [`src/config/buttonIdentifiers.json`](./src/config/buttonIdentifiers.json) pour la documentation complète des identifiants.\n\n### Exemples d'Identifiants\n```javascript\n// Cartes produits\nquickViewBtn: \"quick-view-btn-{productId}\"\naddToCartBtn: \"add-to-cart-btn-{productId}\"\nwishlistBtn: \"wishlist-btn-{productId}\"\n\n// Navigation principale\ncartButton: \"cart-button\"\nprofileButton: \"profile-button\"\nlogoLink: \"main-logo\"\n```\n\n## 🧪 Tests \u0026 Qualité\n\n### Lancement des Tests\n```bash\n# Tests unitaires\nnpm run test\n\n# Tests avec couverture\nnpm run test:coverage\n\n# Tests e2e\nnpm run test:e2e\n```\n\n### Linting \u0026 Formatage\n```bash\n# Vérification du code\nnpm run lint\n\n# Correction automatique\nnpm run lint:fix\n\n# Formatage Prettier\nnpm run format\n```\n\n## 🚢 Déploiement\n\n### Déploiement Automatique (Lovable)\n1. Connectez votre compte GitHub\n2. Poussez vos modifications sur la branche main\n3. Le déploiement se fait automatiquement\n\n### Déploiement Manuel\n```bash\n# Build de production\nnpm run build\n\n# Prévisualisation du build\nnpm run preview\n\n# Déploiement sur Vercel\nvercel --prod\n```\n\n### Configuration des Domaines\nPour connecter un domaine personnalisé :\n1. Accédez aux paramètres du projet dans Lovable\n2. Section \"Domains\" \n3. Ajoutez votre domaine et suivez les instructions DNS\n\n## 🤝 Contribution\n\n### Processus de Contribution\n1. **Fork** le repository\n2. Créez une **branche feature** (`git checkout -b feature/amazing-feature`)\n3. **Committez** vos changements (`git commit -m 'Add amazing feature'`)\n4. **Poussez** vers la branche (`git push origin feature/amazing-feature`)\n5. Ouvrez une **Pull Request**\n\n### Standards de Code\n- Suivre les règles ESLint configurées\n- Utiliser TypeScript pour le typage\n- Écrire des tests pour les nouvelles fonctionnalités\n- Respecter les conventions de nommage\n\n### Architecture des Composants\n- Composants fonctionnels avec hooks\n- Props typées avec TypeScript\n- Gestion d'état avec Context API\n- Styles avec Tailwind CSS\n\n## 🔒 Sécurité\n\n### Bonnes Pratiques Implémentées\n- **Authentification** : JWT tokens sécurisés\n- **Validation** : Validation côté client et serveur\n- **Sanitization** : Protection XSS avec DOMPurify\n- **HTTPS** : Chiffrement de toutes les communications\n- **CSRF** : Protection contre les attaques CSRF\n\n### Variables Sensibles\n- Stockage sécurisé des clés API\n- Variables d'environnement pour les secrets\n- Rotation régulière des tokens d'accès\n\n## 📈 Performance\n\n### Optimisations Implémentées\n- **Code Splitting** : Chargement lazy des composants\n- **Image Optimization** : Compression et formats modernes\n- **Caching** : Mise en cache intelligente des requêtes\n- **Bundle Analysis** : Analyse de la taille des bundles\n- **Core Web Vitals** : Optimisation pour les métriques Google\n\n### Monitoring\n- Analytics d'utilisation\n- Suivi des performances\n- Monitoring des erreurs\n- Métriques de conversion\n\n## 🌐 Internationalisation\n\n### Langues Supportées\n- **Français** (primaire) - Interface principale\n- **Arabe** (à venir) - Langue berbère moderne\n- **Anglais** (à venir) - Marché international\n\n### Configuration i18n\n```typescript\n// Configuration locale\nexport const locales = {\n  fr: 'Français',\n  ar: 'العربية', \n  en: 'English'\n};\n```\n\n## 📞 Support \u0026 Contact\n\n### Équipe de Développement\n- **Développeur Principal** : [Votre Nom]\n- **Designer UI/UX** : [Nom Designer]\n- **Product Owner** : [Nom PO]\n\n### Canaux de Support\n- **Issues GitHub** : Bugs et demandes de fonctionnalités\n- **Discussions** : Questions générales et idées\n- **Email** : support@rifrawstraw.com\n- **Discord** : Communauté des développeurs\n\n## 📜 Licence\n\nCe projet est sous licence **MIT** - voir le fichier [LICENSE](./LICENSE) pour plus de détails.\n\n### Droits d'Utilisation\n- ✅ Utilisation commerciale\n- ✅ Modification du code\n- ✅ Distribution\n- ✅ Usage privé\n- ❌ Responsabilité limitée\n- ❌ Garantie limitée\n\n## 🙏 Remerciements\n\n### Crédits\n- **Artisans Berbères** - Pour leur savoir-faire authentique\n- **Communauté Open Source** - Pour les outils et frameworks\n- **Équipe Lovable** - Pour la plateforme de développement\n- **Testeurs Bêta** - Pour leurs retours précieux\n\n### Inspirations\n- Design inspiré de l'artisanat traditionnel berbère\n- Couleurs basées sur les paysages du Rif\n- Typographie respectueuse de l'identité culturelle\n\n---\n\n\u003cdiv align=\"center\"\u003e\n\n**Fait avec ❤️ pour préserver et promouvoir l'artisanat berbère**\n\n[Site Web](https://rifrawstraw.lovable.app) • [Documentation](https://docs.rifrawstraw.com) • [Support](mailto:support@rifrawstraw.com)\n\n\u003c/div\u003e\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fbenmed00%2Flucid-web-craftsman","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fbenmed00%2Flucid-web-craftsman","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fbenmed00%2Flucid-web-craftsman/lists"}