Qu’est-ce que Kit’Asso ?
Kit’Asso est une plateforme qui aide les associations luxembourgeoises à découvrir, comparer et adopter les meilleurs outils numériques adaptés à leurs besoins. En 2 minutes, un diagnostic interactif de 7 questions recommande les 6 outils les plus adaptés avec un profil personnalisé et un plan d’action. Mission : Simplifier la transformation digitale des associations en offrant un catalogue curé, des kits prêts-à-l’emploi, des guides pas-à-pas et des recommandations personnalisées via un quiz diagnostic avec scoring pondéré.En chiffres
35+ Outils
Catalogue d’outils testés et sélectionnés
13 Tables
Architecture Nhost/Hasura avec permissions GraphQL
5 Kits
Packs thématiques prêts-à-l’emploi
5 Guides
Parcours pas-à-pas pour chaque besoin
Fonctionnalités principales
🔍 Discovery & Comparaison d’outils
Explorez un catalogue de 35+ outils numériques :- Recherche avancée avec filtres multiples
- Comparaison côte à côte de 2 outils
- Système de favoris persistant
- Catégorisation par usage et pricing
Découvrir la feature Tools
Documentation complète
📦 Kits Prêts-à-l’Emploi (Tool Packs)
Des bundles thématiques pour démarrer rapidement :- Starter Pack ⭐ (essentiels débutants — 0€)
- Communication & Email
- Automatisation
- Paiements & Dons
- Sites Web
Voir les Kits
Documentation complète
🛤️ Guides Pas-à-Pas (Workflows)
Des tutoriels étape par étape pour vos projets digitaux :- 3 niveaux de difficulté (Débutant, Intermédiaire, Expert)
- Recommandations d’outils intégrées
- De zéro à opérationnel en moins d’1h
Explorer les Guides
Documentation complète
📊 Quiz Diagnostic V2
Diagnostic interactif avec moteur de scoring pondéré :- 7 questions avec branchement conditionnel
- Scoring V2 : pondération par réponse pour des recommandations précises
- 3 profils : Débutant, Transition, Connecté
- Top 6 outils recommandés avec raisons personnalisées
- Plan d’action en 3 étapes
- Résultats partageables via URL
- Envoi du rapport par email
Système Quiz
Documentation complète
⚙️ Dashboard Admin
Interface de gestion complète :- CRUD complet sur tous les contenus
- Upload de logos vers Nhost Storage
- Éditeur visuel de workflows
- Builder de quiz avec scoring weights et branchement
Admin Dashboard
Documentation complète
Stack technique
Frontend
Frontend
- React 18 avec TypeScript strict
- Vite 6 pour builds ultra-rapides
- Tailwind CSS pour le design system
- React Router v6 pour navigation client (single-page)
- React Hook Form + Zod pour validation
- Lucide React pour les icônes
- clsx pour composition de classes
Backend — Nhost
Backend — Nhost
- Nhost (PostgreSQL + Hasura GraphQL + Auth + Storage)
- Hasura pour API GraphQL auto-générée
- 13 tables avec relations complètes
- Permissions Hasura pour contrôle d’accès (public/admin)
- Nhost Storage pour upload de logos et assets
Déploiement
Déploiement
- Netlify pour hosting frontend + serverless functions
- Nhost Cloud (eu-central-1) pour backend
- Netlify Functions pour envoi d’email (Resend API)
- Umami pour analytics
- SPA redirects configurés
- Optimisations : code splitting, lazy loading
Testing & Quality
Testing & Quality
- Vitest pour tests unitaires
- @testing-library/react pour composants
- ESLint pour linting
- TypeScript strict mode
Architecture
Kit’Asso utilise une architecture feature-based avec une page unique scrollable et une API layer centralisée via GraphQL.Architecture globale
Vue d’ensemble du projet
Feature-Based
Organisation par domaine métier
Nhost & GraphQL
Backend Nhost, Hasura et API Layer
Database Schema
13 tables détaillées
Démarrage rapide
1
Cloner le projet
2
Configuration Nhost
Créez un fichier
.env :3
Lancer le serveur
Guide complet d'installation
Configuration détaillée étape par étape
Navigation recommandée
Pour les développeurs débutants
Pour les développeurs expérimentés
API Layer
apiCall + GraphQL
Custom Hooks
Logique métier réutilisable
Testing
Vitest + Testing Library
Contribution
Kit’Asso est un projet en constante évolution. Pour contribuer :- Lisez les conventions → Conventions de code
- Créez une branche →
feature/votre-feature - Écrivez des tests → Coverage minimum 70%
- Soumettez une PR → Review par l’équipe
Support
GitHub Issues
Signaler un bug ou proposer une feature
Discussions
Questions et échanges