Dans le cadre de l'amélioration de la transparence et de la conformité financière, les organisations doivent maintenir un journal des dépenses et des revenus associés à un projet. Afin de structurer ces données de manière rigoureuse, nous allons implémenter un journal des transactions en suivant le modèle de comptabilité en partie double (transaction log pattern).
L'objectif est de développer un système permettant de suivre toutes les transactions (entrées et sorties de fonds) associées à un projet. Ce journal devra être affiché sous forme de tableau et permettre les opérations CRUD de base : création, lecture, mise à jour et suppression des transactions.
Le journal des transactions devra être présenté sous forme de tableau avec les colonnes suivantes :
- Date : Date de la transaction
- Notes : Description de la transaction
- Débit : Montant débité (sortie de fonds)
- Crédit : Montant crédité (entrée de fonds)
- Total : Solde actuel après la transaction
- Création : Ajouter une nouvelle transaction (débit ou crédit) avec une description.
- Lecture : Afficher la liste des transactions dans un tableau interactif.
- Mise à jour : Modifier les détails d'une transaction existante.
- Suppression : Supprimer une transaction.
- Interface ergonomique et intuitive
- Utilisation de composants UI modernes et cohérents
- Gestion fluide des interactions (ajout, modification, suppression)
- Affichage adaptatif (responsive design)
Les tests porteront sur les critères suivants :
- Précision et rigueur : Les transactions doivent être correctement enregistrées et affichées.
- Expérience utilisateur : Navigation fluide et interface claire.
- Code réutilisable et bien structuré : Bonnes pratiques de développement et conception technique bien pensée.
- Framework Frontend & Backend : Next.js avec App Router
- Gestion des API : tRPC
- Base de données : MySQL via Drizzle ORM
- Stack de développement : T3 Stack (Next.js App Router + tRPC + Drizzle)
- UI : shadcn + data-table + react-hook-form ou tanstack form
Hypothèse de départ : L'utilisateur gère un budget initial de $1000.
- Il ajoute une transaction de $200 de débit avec la note "Achat de matériaux".
- Il ajoute une transaction de $500 de crédit avec la note "Donation anonyme reçue".
- Il met à jour la transaction de $200 pour corriger le montant à $250.
- Il consulte l'historique des transactions et vérifie le solde.
- Il supprime une transaction et vérifie l'actualisation du solde.
- Une interface plaisante à l'œil avec une bonne expérience utilisateur.
- Un screenshot montrant l'interface réalisée.
- Un lien Github avec un README expliquant les choix techniques et l'implémentation.
Délai de livraison attendu : Ce test ne devrait pas prendre plus de 2 à 3 jours au maximum pour être complété.
Note : L'authentification n'est pas requise pour ce test.