Subtrack·Mars 2025

Présentation

Subtrack est une application web conçue pour gérer et suivre facilement les paiements mensuels. Elle offre une vue d'ensemble claire grâce à des graphiques et statistiques détaillées, ainsi qu'un historique complet des paiements passés. Les utilisateurs peuvent également définir des limites budgétaires personnalisées afin de mieux contrôler leurs dépenses et ajuster leur budget en fonction de leurs besoins.

Objectif · Tester Auth.js et explorer Next.js en full stack, en particulier sa partie backend.

Aperçu

Fonctionnalités

  • —Créer un compte utilisateur.
  • —Se connecter avec Google ou avec Email/MDP.
  • —Ajouter, modifier ou supprimer une mensualité.
  • —Ajouter, modifier ou supprimer une limite budgétaire.
  • —Filtrer une mensualité par nom, catégorie ou prix.
  • —Visualiser les mensualités sous forme de graphique (camembert).
  • —Visualiser les statistiques des mensualités.
  • —Visualiser l'historique des mensualités par mois.
  • —Visualiser l'historique des mensualités par année (graphique en barres avec prix par mois).
  • —Modifier son mot de passe.
  • —Supprimer son compte.

Architecture

  1. Front + BackNext.js

    Une seule application : les routes API et quelques server actions portent la logique métier, sans backend séparé.

  2. AuthAuth.js

    Connexion avec Google ou avec email et mot de passe.

  3. DonnéesPrisma · PostgreSQL

    Les mensualités, limites budgétaires et leur historique dans une base relationnelle.

  4. Tâche planifiéeCron

    Chaque premier du mois, les mensualités actives passent dans l'historique. Les comptes inactifs depuis plusieurs mois ne sont plus mis à jour, pour rester dans les limites de stockage d'un projet personnel.

Stack technique

Next.jsTanStack QueryAuth.jsTailwindCSSOAuthPrismaPostgreSQLStorybookPlaywright

Liens