Skip to main content
2024

Finance-AI

Next.js
Tailwind v4
next-intl
Supabase
Recharts

Description

A transaction management app built on Tailwind v4 and next-intl. It categorizes transactions automatically, supports multiple currencies, and has dashboards for financial analytics.

Features

  • Transaction management with automatic categorization
  • Multiple currencies with live exchange rates
  • Analytics dashboards built with Recharts
  • Early move to Tailwind CSS v4 and its new architecture

Challenges

  • Migrating to the Tailwind v4 early-adopter API while it still had breaking changes
  • Building charts that stay responsive with large transaction datasets
  • Getting multi-currency math right down to the precision

Learnings

  • How to migrate to Tailwind v4 and its CSS-first configuration
  • Tuning performance for data-heavy financial dashboards
  • Wiring next-intl into the App Router