Skip to content
Andrew Van DykeAndrew Van Dyke
Finance app sign-in screen with demo credentialsLive demo

2025 · Full-stack development

Personal Finance Dashboard

The classic production stack, executed cleanly: authenticated REST API, interactive financial dashboards, and data visualization on a React + Laravel + PostgreSQL foundation.

  • React
  • TypeScript
  • Laravel
  • Material UI
  • PostgreSQL
Live demo Source

Problem

A portfolio needs at least one project on the stack most businesses actually run: a typed React frontend against a PHP/Laravel API with a relational database — the same shape as the SaaS platform I worked on at TeamGantt for three years.

What I built

A personal finance application with the full production plumbing:

  • Secure authentication — session-managed sign-in against the Laravel backend (the live demo ships demo credentials on the login screen).
  • RESTful API architecture — a separately deployed Laravel API serving the React/TypeScript + Material UI frontend.
  • Financial dashboards — interactive views and charts over financial metrics stored in PostgreSQL.

Outcome

Not a toy: two deployments (frontend + API), a real auth boundary, and a relational schema underneath. It's the proof-of-competence project for the React/Laravel work that paid the bills before the AI work took over.