Ndaku Na Campa

• 

• 

• 

• 

• 

✅ Inspiration La gestion des résidences universitaires en RDC reste largement manuelle, inefficace et sujette aux erreurs : fichiers papier, listes approximatives, affectations arbitraires, et manque de transparence pour les étudiants. En combinant la technologie et la culture locale, nous avons voulu créer une solution ancrée dans la réalité du terrain.

D’où le nom "NDAKU NA CAMPA", qui signifie "Maison au Campus" en Lingala — une promesse d’organisation, de structure et d’accès pour tous les étudiants.

✅ What it does NDAKU NA CAMPA est une application web qui permet de :

Gérer efficacement les résidences universitaires (bâtiments, couloirs, chambres, étudiants)

Assigner les étudiants à leurs chambres via une interface intuitive

Suivre l’occupation en temps réel grâce à des vues dynamiques

Sécuriser l’accès avec un système d’authentification et de rôles (RBAC)

Permettre aux étudiants de consulter leur profil et leur affectation de chambre

Tout est centralisé, rapide, sécurisé — et pensé pour évoluer vers des demandes en ligne et une gestion multisite.

✅ How we built it Le projet est développé avec une stack moderne :

Frontend : React, TypeScript, Tailwind CSS pour une interface rapide et responsive

Backend : Supabase (PostgreSQL + Auth + RLS) pour les données, l’authentification et la sécurité

State Management : Zustand

Formulaires : react-hook-form + zod pour la validation

Sécurité : RLS (Row-Level Security) et fonctions SQL personnalisées pour la gestion des permissions

Déploiement : Version de dev hébergée sur Supabase + Vite

✅ Challenges we ran into Modélisation des relations complexes entre étudiants, chambres, couloirs et bâtiments

Implémentation fine du RBAC avec des permissions dynamiques, tout en respectant les contraintes de Supabase

Optimisation des requêtes : au début, les jointures manuelles étaient peu performantes → passage aux vues SQL et RPCs

Pagination : le passage de la pagination côté client à côté serveur pour la scalabilité

Récupération dynamique des données dans l’UI, notamment les détails des chambres liées à un étudiant

✅ Accomplishments that we're proud of Un système complet d’authentification + RBAC + RLS fonctionnel en production

Une interface propre, réactive, claire et adaptée aux besoins locaux

Une base de données relationnelle bien structurée et migrée proprement avec Supabase

Une fonction d’assignation d’étudiants aux chambres centralisée, robuste et auditable

L’utilisation d’une terminologie locale pour rapprocher la tech des réalités congolaises

✅ What we learned À quel point il est important d’anticiper les performances dès le départ (pagination, requêtes imbriquées)

Que les outils No Code/Low Code comme Supabase offrent de vraies capacités backend, mais demandent de la rigueur

Comment implémenter une vraie logique RBAC sécurisée côté base de données avec des règles RLS

L’importance d’un design système modulaire, avec des composants React bien organisés et réutilisables

✅ What's next for Ndaku Na Campa 💡 Ajout de la réservation de chambres en ligne pour les étudiants

🔒 Système de notifications et alertes par email/SMS (ex: fin de contrat, déménagement)

🏢 Gestion multi-campus avec des résidences réparties dans plusieurs universités

📱 Lancement d'une application mobile PWA pour un accès hors ligne et mobile-friendly

💼 Intégration de la gestion des contrats et des paiements (paiement mobile, preuves de paiement)

📊 Tableau de bord analytique pour les gestionnaires : taux d’occupation, revenus, alertes

Built With

• clsx
• eslint
• headlessui
• hookform
• lucidereact
• postcss
• postgresql
• react
• reacthookform
• reacthottoast
• supabse
• tailwindcss
• tailwindmerge
• typescript
• vite
• zod
• zustand