Application mobile
Pop!
Découvrez en détail la conception et le développement de Pop!, l'application de sondages et votes entre amis.
Un projet personnel devenu produit.
Pop! est né d'une frustration : entre amis, chaque décision de groupe devient un débat interminable. Exemple tout bête : Où manger ce soir ?
Ce projet personnel a rapidement évolué en une application sociale complète, avec système d'amis, chat en temps réel, et un design reconnaissable immédiatement.
L'application est disponible sur l'App Store et le Google Play, traduite en 8 langues.
L'objectif : créer une application sociale complète, pensée mobile-first, capable de rivaliser avec les standards du marché.
Le site vitrine.
Un site vitrine entièrement bilingue (français et anglais), conçu pour présenter l'application, ses fonctionnalités et ses tarifs.
Le design intègre une identité visuelle forte en néo-brutalisme.
L'application.
Une application pensée mobile-first. Voici un aperçu des fonctionnalités principales.
5 modes de vote.
Vote classique, par points, planification de date, brainstorm collaboratif ou swipe style Tinder. Chaque format est conçu pour un type de décision différent.
Des résultats en temps réel.
Les résultats sont affichés en temps réel pour que vous puissiez voir les préférences de vos amis en direct. En cas d'égalité, une roue aléatoire peut être lancée pour décider du résultat final. Un buzzer est là pour envoyer une notification à tous les participants n'ayant pas encore voté.
Un véritable réseau social.
Amis, groupes, profils, trophées, chat en temps réel avec photos éphémères (type Snapchat) et messages vocaux. Le tout sécurisé avec un système de blocage et de modération.
Description technique de l'infrastructure.
Une architecture divisée en deux parties.
Un site statique développé en HTML avec Tailwind CSS (via CDN) et JavaScript vanilla pour les interactions. Le site est entièrement bilingue (FR/EN) avec des fichiers HTML séparés par langue, et hébergé sur Netlify.
- HTML5 / Tailwind CSS (CDN) / JS Vanilla
- 10+ pages bilingues (FR/EN)
- SEO (Schema.org, Open Graph, Twitter Cards)
- Hébergement Netlify
Une application cross-platform développée avec React 19 et TypeScript dans un environnement Vite 7. L'app est wrappée avec Capacitor 7 pour un déploiement natif sur iOS et Android. Le backend s'appuie entièrement sur Supabase (PostgreSQL, Auth, Realtime, Storage, Edge Functions). L'internationalisation est gérée par i18next avec 8 langues.
- React 19 / TypeScript
- Vite 7 / CSS vanilla
- Capacitor 7 (iOS et Android natifs)
- Supabase (PostgreSQL, Auth, Realtime, Storage)
- 5 Edge Functions Deno
- i18next - 8 langues (FR, EN, ES, PT, IT, DE, RU, TH)
- Push Notifications natives (iOS et Android)
- 31 écrans, 83 composants, 14 services
Le défi invisible : Sécurité et architecture RLS
Développer une application sociale contemporaine ne se résume pas à empiler des écrans. Le véritable défi, invisible pour l'utilisateur, est la gestion des permissions et la sécurité des données.
Le cœur du système repose sur des règles de Row Level Security (RLS) monolithiques côté PostgreSQL. C'est un travail colossal d'ingénierie backend pour cloisonner les données de manière dynamique et en temps réel : l'utilisateur A fait-il partie de ce groupe privé ? A-t-il le droit de voir les résultats de ce sondage avant d'avoir voté ?
Chaque requête, chaque vote, chaque message exige une vérification cryptographique et des règles d'accès strictes. C'est cette architecture de sécurité de pointe qui garantit une confidentialité absolue et empêche toute fuite de données entre les différents groupes d'amis.
Note : ce projet est en développement continu
depuis plusieurs mois.