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 recommande les 3 outils parfaits pour chaque association. 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.En chiffres
35+ Outils
Catalogue d’outils testés et sélectionnés
10 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
Évaluation interactive pour recommandations personnalisées :- 8 questions adaptées au contexte associatif luxembourgeois
- Logique conditionnelle avancée
- Recommandations d’outils et kits personnalisés
- Résultat en 2 minutes
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 règles conditionnelles
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
- 10 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
- Hostinger pour hosting frontend
- Nhost Cloud (eu-central-1) pour backend
- 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
10 tables détaillées
Démarrage rapide
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
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