Skip to main content
Hero Light Pn

​
Qu’est-ce que Kit’Asso ?

Kit’Asso est une plateforme complète qui aide les associations à découvrir, comparer et adopter les meilleurs outils numériques adaptés à leurs besoins. Mission : Simplifier la transformation digitale des associations en offrant un catalogue curé, des parcours guidés et des recommandations personnalisées.

​
En chiffres

100+ Outils

Catalogue exhaustif d’outils numériques

13 Tables

Architecture Supabase complète avec RLS

~5,200 Lignes

Codebase TypeScript structurée

43 Migrations

Évolution trackée de la base de données

​
Fonctionnalités principales

​
🔍 Discovery & Comparaison d’outils

Explorez un catalogue de 100+ 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

​
🛤️ Parcours Guidés (Workflows)

Des tutoriels pas à pas pour vos projets digitaux :
  • 3 niveaux de difficulté (Débutant, Intermédiaire, Expert)
  • Recommandations d’outils intégrées
  • Checklists de complétion
  • Templates et bonnes pratiques
Exemples de workflows :
  • “Créer ma première newsletter” (30 min)
  • “Organiser un événement” (1h)
  • “Créer un site vitrine” (45 min)

Explorer les Workflows

Documentation complète

​
📦 Tool Packs (Collections curées)

Des bundles thématiques pour démarrer rapidement :
  • Starter Pack ⭐ (essentiels débutants)
  • Communication & Email
  • Automatisation
  • Paiements & Dons
  • Sites Web

Voir les Tool Packs

Documentation complète

​
📊 Quiz Diagnostic

Évaluation interactive pour recommandations personnalisées :
  • Questions adaptées au contexte associatif
  • Logique conditionnelle avancée
  • Recommandations d’outils et packs
  • Capture d’email pour suivi

Système Quiz

Documentation complète

​
⚙️ Dashboard Admin

Interface de gestion complète :
  • CRUD complet sur tous les contenus
  • Upload de logos vers Supabase Storage
  • Éditeur visuel de workflows
  • Builder de quiz avec règles conditionnelles

Admin Dashboard

Documentation complète

​
Stack technique

  • React 18 avec TypeScript strict
  • Vite 6.3.5 pour builds ultra-rapides
  • Tailwind CSS pour le design system
  • React Router v6 pour navigation client
  • React Hook Form + Zod pour validation
  • Lucide React pour 300+ icônes
  • react-window pour virtualisation
  • Supabase (PostgreSQL + Auth + Storage)
  • 13 tables avec relations complètes
  • Row Level Security (RLS) sur toutes les tables
  • 2 buckets Storage (logos + assets)
  • 43 migrations trackées
  • Netlify pour hosting frontend
  • SPA redirects configurés
  • Environment variables pour Supabase
  • Optimisations : code splitting, lazy loading
  • Vitest 3.2.4 pour tests unitaires
  • @testing-library/react pour composants
  • ESLint 9.10.0 pour linting
  • TypeScript 5.5.4 strict mode

​
Architecture

Kit’Asso utilise une architecture feature-based pour une organisation claire et scalable.

Architecture globale

Vue d’ensemble du projet

Feature-Based

Organisation par domaine métier

API Layer

Couche d’abstraction Supabase

Database Schema

13 tables détaillées

​
Démarrage rapide

1

Cloner le projet

git clone https://github.com/Lucdidi3514/assopedia-v2
cd kitasso
npm install
2

Configuration Supabase

Créez un fichier .env :
VITE_SUPABASE_URL=your_supabase_url
VITE_SUPABASE_ANON_KEY=your_anon_key
3

Lancer le serveur

npm run dev
Ouvrez http://localhost:5173

Guide complet d'installation

Configuration détaillée étape par étape

​
Pour les développeurs débutants

1

Quickstart

Installation locale
2

Architecture

Comprendre l’organisation
3

Première feature

Feature Tools en détail

​
Pour les développeurs expérimentés

API Layer

Abstraction Supabase

Custom Hooks

Logique métier réutilisable

Testing

Vitest + Testing Library

​
Contribution

Kit’Asso est un projet en constante évolution. Pour contribuer :
  1. Lisez les conventions → Conventions de code
  2. Créez une branche → feature/votre-feature
  3. Écrivez des tests → Coverage minimum 70%
  4. Soumettez une PR → Review par l’équipe

​
Support

GitHub Issues

Signaler un bug ou proposer une feature

Discussions

Questions et échanges