Web app#Next.js#Tailwind CSS#shadcn/ui#Zustand#PostgreSQL#Drizzle ORM
France-Finances
Visit websiteDevelopment of France-Finances.com, an information platform on public spending in France, featuring "Budget Swipe", a mobile-first mini-game (a Tinder for public spending). A Progressive Web App with authentication, a PostgreSQL database and a complete CI/CD pipeline.
Context
Make public spending data accessible to the general public through a fun and engaging approach.
Objectives
Create an informational platform featuring a gamified mini-game to raise awareness about French public spending.
Results
A fully functional PWA with data visualization, the "Budget Swipe" mini-game, and an automated CI/CD pipeline.
Key project highlights
Next.js + Tailwind CSS + shadcn/ui
Framer Motion + Zustand (state)
NextAuth.js (authentication)
PostgreSQL + Drizzle ORM
PWA via Serwist
Vitest + GitHub Actions + Husky + Docker
Technologies used
Next.jsTailwind CSSshadcn/uiZustandPostgreSQLDrizzle ORM