Web application · Digital product
Kouiz Space: quizzes to liven up your evenings with friends or family. Test your knowledge of Martinique and Guadeloupe right now.
During my time working at La Cellule Digitale, I had the pleasure of contributing to the development of a web app called "Kouiz Space". It is a PWA (Progressive Web App) that adapts to mobile and tablet.
It lets users test their knowledge with quizzes across different tech fields, such as Web Developer, UX/UI Designer, Digital Strategy and Web Marketing, along with other quizzes based on Martinique, like football and medicinal plants.
This project illustrates my front-end work: careful integration, a clear and animated interface, intuitive navigation between quizzes and immediate display of the results. Score management, social sharing and the player leaderboard show my ability to connect an engaging user experience to fully manageable content.
The challenge
The challenge was to offer a smooth quiz experience that could be installed like a real application, while keeping the questions and topics fully manageable from an administrable CMS.
The solution
- Setting up an administrable CMS to create and edit the quizzes without touching the code.
- Assembly as a PWA with PWA Builder for an installation and display close to native.
- A responsive and animated interface, with immediate display of the score and the correct answers.
Tech and Martinican culture quizzes
Several topics are offered, from Web to UX/UI, including digital strategy and marketing, as well as quizzes focused on Martinique such as football or medicinal plants.
Score and detailed correction
At the end of each quiz, the player sees their score along with their right and wrong answers, for a clear and immediate review of their performance.
Social sharing and player top 5
Everyone can share their score on Facebook and Instagram, and a leaderboard presents the top 5 best players for each quiz, to keep the competitive spirit alive.
Desktop version
Tablet version
Carousel Vertical
Discover a new way to scroll through your photos, with a vertical carousel.
Carte Animee
The animated card is an interactive feature that lets users hide information on a card and reveal it on hover.
Carte QR Code
Carte QR Code is a build based on the Frontend Mentor challenges, starting from a design image to recreate a one-page layout from scratch with HTML & CSS.
A project along the same lines?
Tell me about your needs — I'll quickly let you know what's relevant and realistic.