🎨 Portfoli.io - Générateur de Portfolio Professionnel

Application SaaS moderne permettant de créer et gérer des portfolios professionnels avec un éditeur visuel en temps réel.

✨ Fonctionnalités

• 🔐 Authentification sécurisée (Email/Password + Google OAuth)
• ✏️ Éditeur visuel avec prévisualisation en temps réel
• 📱 Design responsive (Desktop, Tablette, Mobile)
• 🎨 Personnalisation complète (couleurs, polices, mise en page)
• ☁️ Sauvegarde automatique avec Supabase
• 🚀 Publication instantanée de votre portfolio

🚀 Démarrage Rapide

Prérequis

• Node.js (v18+)
• npm ou yarn
• Compte Supabase

Installation

# Cloner le repository
git clone https://github.com/votre-username/Generate-Portfolio.git
cd Generate-Portfolio

# Installer les dépendances
npm install

# Configurer les variables d'environnement
cp .env.example .env
# Puis éditez .env avec vos clés Supabase

Configuration

Créez un fichier .env à la racine avec:

VITE_SUPABASE_URL=https://votre-projet.supabase.co
VITE_SUPABASE_ANON_KEY=votre_cle_anonyme

Lancer l'application

npm run dev

Ouvrez http://localhost:5173 dans votre navigateur.

📚 Documentation

Toute la documentation technique est disponible dans le dossier docs/:

• 📖 Index Documentation - Point d'entrée de la documentation
• 🔧 Guide Authentification - Résolution problèmes de connexion
• ✅ Checklist Supabase - Configuration pas à pas
• 🧪 Tests Cross-Browser - Résultats des tests

🛠️ Technologies

• Frontend: React 18 + TypeScript + Vite
• Styling: Tailwind CSS
• Backend: Supabase (PostgreSQL + Auth)
• Icônes: Lucide React, Phosphor Icons
• Tests: Playwright

📦 Scripts Disponibles

npm run dev          # Lancer en mode développement
npm run build        # Compiler pour la production
npm run preview      # Prévisualiser le build
npm run test         # Lancer les tests Playwright
npm run typecheck    # Vérifier les types TypeScript
npm run lint         # Linter le code

🔐 Authentification

L'application supporte deux méthodes d'authentification:

1. Email/Password - Inscription classique avec confirmation email
2. Google OAuth - Connexion rapide avec compte Google

Note: Consultez docs/AUTHENTICATION_FIX.md pour la configuration complète.

🌐 Compatibilité Navigateurs

✅ Chrome/Edge (Chromium)
✅ Firefox
✅ Safari (WebKit)
✅ Opera
✅ Brave

🤝 Contribution

Les contributions sont les bienvenues! Consultez docs/AMELIORATIONS-RECOMMANDEES.md pour voir les améliorations suggérées.

📝 Licence

Ce projet est sous licence MIT.

🆘 Support

• Documentation: Consultez le dossier docs/
• Issues: Ouvrez une issue sur GitHub
• Contact: [Votre email]

---

Fait avec ❤️ et React