Moh-prod/mali-english-center

# Mali English Center — Espace Apprenant Programme de 6 mois (48 séances), backend Supabase (gratuit, sans carte bancaire). --- ## Déploiement ### 1. Créer le projet Supabase (5 min, gratuit, aucune carte) 1. Va sur supabase.com → "Start your project" → connecte-toi (GitHub ou email). 2. "New project" → choisis un nom, un mot de passe de base de données, une région proche. 3. Une fois le projet créé, va dans **SQL Editor** (menu de gauche) → "New query". 4. Colle tout le contenu du fichier `schema.sql` fourni → clique **Run**. 5. Va dans **Project Settings** (icône engrenage) → **API**. 6. Copie **Project URL** et la clé **anon public** (PAS la clé "service_role"). 7. Ouvre `js/supabase-config.js` et colle ces deux valeurs. ### 2. Héberger le site N'importe quel hébergeur de fichiers statiques gratuit fonctionne (Netlify, Vercel, GitHub Pages, Firebase Hosting...). Le plus simple avec Supabase : **Option Netlify (recommandée, glisser-déposer) :** 1. Va sur app.netlify.com 2. Glisse le dossier complet du projet dans la page 3. Ton site est en ligne immédiatement avec une URL du type `xxxx.netlify.app` **Option ligne de commande (Vercel) :** ```bash npm install -g vercel vercel --prod ``` --- ## Structure des fichiers ``` mali-english-center-app/ ├── index.html ├── css/styles.css ├── js/ │ ├── supabase-config.js ← tes identifiants Supabase │ ├── supabase-init.js ← initialisation du client │ ├── data.js ← contenu du programme (genere depuis content.js) │ ├── storage.js ← persistance (cache local + Supabase) │ ├── audio.js ← TTS + enregistrement vocal │ ├── components.js │ ├── views.js │ └── app.js ├── schema.sql ← a executer une fois dans Supabase SQL Editor └── README.md ``` --- ## Programme pédagogique — 6 mois **Méthode : compréhension avant production** (inspirée de recherches réelles : Krashen / input compréhensible, TPR de James Asher, méthode AL …