Application web · Produit digital
Kouiz Space : une PWA de quiz tech et culture martiniquaise, administrable et publiée sur l'App Store
Kouiz Space est une PWA (Progressive Web App) de quiz à laquelle j'ai contribué durant mon expérience chez La Cellule Digitale. Pensée pour le mobile et la tablette, elle invite chacun à tester ses connaissances, des grands domaines de la tech jusqu'à la culture martiniquaise, dans une expérience ludique, responsive et publiée sur l'App Store.
Côté technique, l'application repose sur un CMS administrable qui centralise la gestion des questions, des réponses et des thématiques, sans toucher au code. L'ensemble est assemblé avec PWA Builder pour offrir une installation façon application native, un affichage plein écran et une interface fluide, parfaitement adaptée à chaque taille d'écran.
Ce projet illustre mon travail front-end : intégration soignée, interface claire et animée, navigation intuitive entre les quiz et restitution immédiate des résultats. La gestion des scores, le partage sur les réseaux sociaux et le classement des joueurs montrent ma capacité à relier une expérience utilisateur engageante à un contenu entièrement administrable.
Le défi
L'enjeu était de proposer une expérience de quiz fluide et installable comme une vraie application, tout en gardant les questions et les thématiques entièrement gérables depuis un CMS administrable.
La solution
- Mise en place d'un CMS administrable pour créer et modifier les quiz sans toucher au code.
- Assemblage en PWA avec PWA Builder pour une installation et un affichage proches du natif.
- Interface responsive et animée, avec restitution immédiate du score et des bonnes réponses.
Quiz tech et culture martiniquaise
Plusieurs thématiques sont proposées, du Web à l'UX/UI, en passant par la stratégie digitale et le marketing, ainsi que des quiz centrés sur la Martinique comme le football ou les plantes médicinales.
Score et correction détaillée
À la fin de chaque quiz, le joueur visualise son score ainsi que ses bonnes et mauvaises réponses, pour une restitution claire et immédiate de sa performance.
Partage social et top 5 des joueurs
Chacun peut partager son score sur Facebook et Instagram, et un classement présente le top 5 des meilleurs joueurs pour chaque quiz, afin d'entretenir l'esprit de compétition.
Version desktop
Version tablette
Carousel Vertical
Un exercice front-end où j'ai conçu un carrousel d'images à défilement vertical pour une présentation photo immersive, en HTML, CSS et JS.
Carte Animee
Exercice front-end one page : une carte interactive qui masque ses informations puis les révèle au survol, en HTML, CSS et JS.
Carte QR Code
Exercice Frontend Mentor : j'ai reproduit en pixel-perfect une carte affichant un QR code, intégrée de zéro en HTML et CSS.
Un projet dans le même esprit ?
Parlez-moi de votre besoin : je vous dis rapidement ce qui est pertinent et réaliste.