tigersteph/Mboka

Application de marketplace similaire à vinted avec adaptation à l'écosystème Africain en particulier Camerounais # Vinted Cameroon - MBOKA Application de marketplace pour le Cameroun, similaire à Vinted, permettant aux utilisateurs d'acheter et vendre des produits localement. ## 🚀 Technologies - **React.js** - Framework frontend - **Tailwind CSS** - Styling - **Supabase** - Backend (Auth, Database, Storage) - **React Router** - Navigation ## 📋 Prérequis - Node.js 18+ et npm/yarn - Compte Supabase (gratuit) - Git ## 🛠️ Installation ### 1. Cloner le projet ```bash git clone cd MBOKA ``` ### 2. Installer les dépendances ```bash npm install # ou yarn install ``` ### 3. Configuration Supabase Voir le guide dédié : **SUPABASE_SETUP.md**. Résumé : créer un projet sur Supabase, créer un `.env` avec `VITE_SUPABASE_URL` et `VITE_SUPABASE_ANON_KEY`, exécuter les migrations SQL (voir le guide). ### 4. Configuration Storage Supabase 1. Dans Supabase Dashboard, aller dans **Storage** 2. Créer un bucket nommé `product-images` avec : - **Public**: Oui - **File size limit**: 5MB - **Allowed MIME types**: image/* ### 5. Démarrer l'application ```bash npm run dev # ou yarn dev ``` L'application sera accessible sur `localhost` (ou le port configuré) ## 📁 Structure du Projet ``` MBOKA/ ├── src/ │ ├── components/ # Composants réutilisables │ │ ├── ui/ # Composants UI de base │ │ └── features/ # Composants métier │ ├── pages/ # Pages principales │ ├── services/ # Services API (Supabase) │ │ ├── auth.js # Authentification │ │ ├── products.js # Gestion produits │ │ └── messages.js # Messagerie │ ├── context/ # React Context │ │ └── AuthContext.jsx │ ├── lib/ # Configuration │ │ └── supabase.js │ └── App.jsx ├── supabase/ │ └── migrations/ # Migrations SQL └── tailwind.config.js ``` ## 🎨 Couleurs de Marque - **Primary (Emerald Green)**: `#50C878` - **Accent (Orange)**: `#FF8C00` - **Border Radius**: `12px` (global) ## 📱 Pages …