FlashQR Logo
Générateur de QR Codes — 100% hors-ligne, sécurisé et gratuit à vie
React 19 Vite 8 Tailwind v4 TypeScript PWA Ready
| Fonctionnalité | Description |
|---|---|
| 🔗 Génération instantanée | QR code mis à jour en temps réel à chaque frappe |
| 🧹 Nettoyage d'URL intelligent | Supprime automatiquement les paramètres de tracking (UTM, fbclid, gclid, etc.) |
| 🎨 Personnalisation avancée | 6 palettes de couleurs, 4 formes de points, sélecteur libre, logo central |
| 📤 Export polyvalent | Téléchargement en PNG ou SVG + partage via l'API native |
| 🔒 100% vie privée | Aucune donnée envoyée à un serveur — tout est généré côté client |
| 📡 100% hors-ligne | PWA complète avec Service Worker — fonctionne sans connexion |
| 📋 Presse-papier | Coller une URL en un clic depuis le presse-papier |
| 📚 Historique local | Les 10 derniers QR codes stockés dans votre navigateur |
| 📱 Installation PWA | Installable comme une application native sur mobile et desktop |
- Framework — React 19 avec Vite 8
- Styling — Tailwind CSS v4 — thème dark/neon avec glassmorphism
- Animations — Framer Motion — micro-interactions fluides
- QR Code — qr-code-styling — personnalisation complète en SVG/Canvas
- PWA — vite-plugin-pwa — Service Worker + manifest
- Icônes — Lucide — icônes vectorielles élégantes
- Images — Sharp — conversion SVG → PNG pour les icônes PWA
- Thème : Dark mode profond (
#0F172A) - Accents néon : Violet électrique (
#8B5CF6), Rose néon (#EC4899), Vert menthe (#10B981), Jaune citron (#FACC15) - Composants : Glassmorphism (
backdrop-blur-xl), coins arrondis (rounded-2xl/rounded-3xl) - Animations : Apparitions fluides, rebonds, transitions subtiles
# Cloner le dépôt git clone https://github.com/idhem85/flash-qr.git cd flash-qr # Installer les dépendances npm install # Lancer le serveur de développement npm run dev
# Build de production (génère les icônes PNG + compile + bundle) npm run build # Prévisualiser le build localement npm run preview
Le dossier dist/ contient le site prêt à être déployé sur n'importe quel hébergeur statique (Cloudflare Pages, Vercel, Netlify, etc.).
| Commande | Description |
|---|---|
npm run dev |
Lance le serveur de développement Vite |
npm run build |
Build de production (génère les icônes + compile) |
npm run generate-icons |
Génère les PNG PWA depuis les sources SVG |
npm run preview |
Prévisualise le build localement |
npm run lint |
Vérifie le code avec oxlint |
- Connecte ton dépôt GitHub sur Cloudflare Pages
- Configuration du build :
- Framework :
None(ouVite) - Build command :
npm run build - Build output :
dist
- Framework :
- Déploie et profite de ton application !
MIT — fait avec ❤️ pour la communauté.
Les QR codes statiques ne coûtent rien et n'expirent jamais. Aucune donnée ne quitte votre appareil.