PatentFlow AI - Frontend

Plateforme d'intelligence artificielle pour le dépôt de brevets auprès de l'INPI.

🚀 Déploiement sur Vercel

Étape 1 : Push sur GitHub

git init
git add .
git commit -m "Initial commit - PatentFlow AI"
git branch -M main
git remote add origin https://github.com/VOTRE-USERNAME/patentflow-frontend.git
git push -u origin main

Étape 2 : Déployer sur Vercel

1. Aller sur vercel.com
2. Se connecter avec GitHub
3. Cliquer "Import Project"
4. Sélectionner votre repo patentflow-frontend
5. Configurer :
   • Framework Preset : Vite
   • Build Command : npm run build
   • Output Directory : dist
   • Install Command : npm install
6. Ajouter la variable d'environnement :
   • VITE_API_URL = https://votre-backend-url.com
7. Cliquer "Deploy" ✅

Votre site sera en ligne en 2-3 minutes !

🛠️ Installation Locale

# Installer les dépendances
npm install

# Copier le fichier d'environnement
cp .env.example .env

# Modifier .env avec votre URL backend
# VITE_API_URL=http://localhost:8000

# Lancer en développement
npm run dev

# Build production
npm run build

# Preview du build
npm run preview

📦 Stack Technique

• React 18 - Framework UI
• Vite - Build tool
• Tailwind CSS - Styling
• Framer Motion - Animations
• React Router - Routing
• Lucide React - Icons
• Zustand - State management
• Axios - HTTP client

🎨 Features

• ✅ Landing page Apple-style
• ✅ Authentication (Google OAuth + Magic Link)
• ✅ Dashboard complet
• ✅ Pages légales (CGU, Privacy)
• ✅ PWA (Progressive Web App)
• ✅ Mode offline
• ✅ SEO optimisé
• ✅ Accessible (WCAG 2.1)

📁 Structure

frontend/
├── public/          # Assets statiques
├── src/
│   ├── components/  # Composants réutilisables
│   │   └── landing/ # Landing page components
│   ├── pages/       # Pages de l'app
│   ├── context/     # React Context (Auth)
│   ├── hooks/       # Custom hooks (useSEO)
│   ├── services/    # API services
│   └── App.jsx      # Routing principal
├── index.html       # Point d'entrée
├── vercel.json      # Config Vercel
└── package.json

🔐 Variables d'Environnement

Créer un fichier .env à la racine :

VITE_API_URL=https://votre-backend-url.com

Sur Vercel : Ajouter dans Settings → Environment Variables

📝 Scripts Disponibles

npm run dev       # Dev server (localhost:5173)
npm run build     # Build production
npm run preview   # Preview build localement
npm run lint      # Linter ESLint

🌐 URLs

• Production : https://votre-site.vercel.app
• Développement : http://localhost:5173

🤝 Contribution

1. Fork le projet
2. Créer une branche (git checkout -b feature/AmazingFeature)
3. Commit (git commit -m 'Add AmazingFeature')
4. Push (git push origin feature/AmazingFeature)
5. Ouvrir une Pull Request

📄 License

MIT License - voir le fichier LICENSE

📧 Contact

Support : support@patentflow.ai

---

Made with ❤️ by PatentFlow AI Team