Ces dernières années, j’ai réalisé plusieurs projets, certains plus aboutis que d’autres, avec parfois des rééditions. Parmi eux, quelques-uns me tiennent particulièrement à cœur. Aujourd’hui, j’ai le plaisir de vous présenter mon dernier-né : Knowless.
Il s’agit d’un site de quiz conçu pour vous permettre de jouer en solo, pour vous entraîner, ou à plusieurs dans un mode compétitif, avec un fonctionnement proche de Kculture, bien connu des habitués de Twitch.
Alexis De Chiara
Présentation
Knowless est donc un site de quiz principalement pensé pour être joué à plusieurs dans un salon, mais une partie solo est également disponible. À votre arrivée, le site vous demandera de personnaliser votre profil avec un pseudo, un avatar et la langue dans laquelle vous souhaitez répondre aux questions. Pas d’inquiétude : aucune inscription n’est requise pour jouer. Cependant, si vous souhaitez sauvegarder vos informations, vous pourrez le faire, car les profils anonymes sont supprimés au bout de 30 jours.
Arrivé pour la première fois au site
Une fois sur la page d’accueil, plusieurs options s’offrent à vous :
- Jouer en solo
- Créer ou rejoindre un salon multijoueur
- Personnaliser votre profil
- Jouer à des mini-jeux en attendant vos amis
Solo
Le mode solo vous propose trois niveaux de difficulté. Les questions proviennent de la base de données OpenQuizzDB, mise à disposition gratuitement sous licence Creative Commons. Je reviendrai en fin d’article sur la création du site et les outils utilisés, mais gardez en tête que les questions, les réponses et leur difficulté ne sont pas encore issues de ma création.
Une fois la difficulté choisie, vous répondez directement aux questions, avec quatre propositions à chaque fois. Une mauvaise réponse est éliminatoire ; une bonne réponse rendra la prochaine question plus rapide à répondre. L’objectif est de battre votre propre score. À terme, un tableau des scores global sera ajouté. Cela dit, comme le nombre de questions est limité, il suffirait de toutes les mémoriser. C’est pourquoi je considère davantage ce mode comme un entraînement avant d’affronter vos amis.
À la fin du chrono, le résultat s’affiche avec votre score, une anecdote, et un lien Wikipédia pour approfondir. Si vous avez bien répondu, vous pouvez continuer ; sinon, il faudra recommencer.
Multijoueur
La section multijoueur est clairement le cœur du site. L’objectif est d’offrir un équivalent à Kculture, mais gratuit. Les questions, issues d’OpenQuizzDB, sont plus difficiles et axées sur la culture. Pour l’instant, pas de célébrités à retrouver, de rébus ni d’énigmes, mais cela viendra sans doute plus tard.
Dans un premier temps, vous pouvez choisir de créer un salon ou d’en rejoindre un :
Créer un salon public
Rejoindre un salon
Une fois la partie lancée, tout le monde joue en même temps, en répondant à 20 questions qui sont semblables à celles en solo, à la différence près que — sauf pour les questions qui vous le demande explicitement — il faut taper sa réponse au clavier : pas de propositions, pas de hasard. Soit vous savez, soit vous ne savez pas.
Une fois les 20 questions posées, l’hôte passe à la correction. Les joueurs peuvent voir les réponses et débattre. Vous avez aussi accès à l’anecdote liée à chaque question ainsi qu’à sa page Wikipédia.
Ensuite viennent les ajustements : si l’hôte a oublié une correction et si vous souhaitez modifier certains scores injustes, c’est ici que cela se passe.
Enfin, le classement final s’affiche avec un podium pour les trois premiers. Vous pouvez alors quitter la partie pour revenir au salon.
Mini-jeux
La section mini-jeux est la dernière mise à jour en date. Elle permet de faire patienter les joueurs pendant que leurs amis se connectent et créent un salon. Tous les jeux ont été réalisés en "vibe coding" avec l’aide de l’IA, ce qui montre bien la puissance des outils actuels à la disposition d’un développeur, même sans connaissances avancées.
Les mini-jeux
Options et social
Depuis la page d’accueil, la section Options vous permet de paramétrer votre profil ou votre compte si vous êtes inscrit. En plus des réglages disponibles à la création du profil, vous pouvez désormais choisir les catégories de quiz autorisées.
La section Social, quant à elle, est un gestionnaire d’amis. Vous pouvez inviter vos proches, les rejoindre ou créer des salons privés ouverts uniquement à vos contacts — tout en gardant une visibilité publique si vous le souhaitez.
L'onglet des paramètres
L'onglet de la liste d'amis
Les ajouts futurs
Knowless est actuellement en bêta, et il se peut que des bugs apparaissent. Si c’est le cas, ou si vous avez des suggestions d’amélioration, vous pouvez soumettre un ticket sur le GitHub du projet. Voici quelques éléments prévus avant la version 1.0 :
- Un ensemble de questions créées par moi-même
- La possibilité de créer des parties avec des questions sélectionnées
- Un nouveau mode de jeu local original
- Un classement général pour le mode solo
- La création de questions personnalisées
- La personnalisation des couleurs
- Un dark mode
- Une version mobile
- Un système de vote pour valider les réponses en multijoueur
- Une validation en temps réel pendant la correction
- Un mode streamers
- L’affichage des profils des joueurs en cliquant sur leur avatar
Voici le lien de la roadmap en temps réel si vous souhaitez en savoir plus.
Comment j’ai créé l’application ?
Cette section s’adresse surtout aux développeurs, mais j’aimerais vous présenter ma stack et expliquer mes choix.
Ce projet fait partie des premières idées que j’ai eues à la fin de mes études. Un simple site de quiz me semblait idéal pour m’entraîner avec le framework que je voulais maîtriser : Nuxt. Malheureusement, la version que j’imaginais existait déjà, et faire mieux que Kahoot s’est avéré bien plus long que prévu. J’ai donc mis ce projet de côté et me suis concentré sur d’autres projets ou missions freelance.
Un jour, en regardant un stream de Kculture, je me suis dit que, même si le concept était sympa, l’interface du site n’était pas très soignée et qu’il n’existait pas d’alternative gratuite. C’est là que j’ai eu le déclic : je pouvais créer mon propre quiz, y intégrer les éléments dont j’avais besoin, et même le réutiliser moi-même pour mes présentations.
Une fois l’idée en tête, j’ai préparé la stack. Nuxt et Tailwind étaient des évidences — je les utilise ensemble depuis plus de trois ans. Je n’apprécie pas React, et la galère du nommage CSS ne me manque pas. Pour la librairie UI, j’ai choisi Shadcn-vue, pour son esthétique épurée et moderne, proche de ce qu’on voit sur les réseaux sociaux. À cela s’ajoutent Pinia, TypeScript, les modules Nuxt, et quelques packages pour les animations (notamment Vue Motion).
Pour le backend, j’ai testé Storyblok, Directus et Supabase sur d’autres projets. Ici, j’ai opté pour Supabase, car je voulais pouvoir gérer toute la base de données en SQL, faire de l’authentification, et profiter du realtime. L’offre cloud est limitée, mais je peux toujours migrer vers une solution auto-hébergée si besoin.
Côté développement, j’ai commencé par le mode solo, sans backend, puis j’ai intégré la base de données, les utilisateurs et le stockage distant. Cela m’a permis de mettre en place le cœur du projet et de valider chaque étape avant de passer à la suivante.
Pour l’heure, je ne cherche pas à faire connaître activement le site — voire, au contraire, je préfère qu’il reste discret pour éviter une fréquentation trop rapide, qui m’obligerait à migrer la base de données sur mon propre serveur plus tôt que prévu. Knowless me sert surtout de vitrine technique, une démonstration concrète de ce que je suis capable de concevoir et développer en tant que freelance.
À partir de maintenant, je vais essayer d’adopter une approche build in public : partager plus régulièrement les évolutions du projet, les choix techniques et les nouvelles idées.
Si vous avez des retours, des idées ou que vous souhaitez contribuer, n’hésitez pas à laisser un message sur le GitHub du projet. Enfin, si vous souhaitez me contacter pour la création d'un site, vous pouvez vous adresser à pro@alexisdechiara.fr.