Frontend product UI · 2026
Finance Dashboard
A frontend-focused finance dashboard designed around hierarchy, responsive layout and clear data visualisation.
ROLE
Frontend engineering
STACK
React · Vite · Tailwind · Recharts · Zustand
OUTCOME
Built a polished responsive interface with state management and data visualisation for a finance-oriented product brief.
PROBLEM
What needed solving
Financial interfaces can become dense quickly, so the challenge was to keep key metrics, transactions and insights readable without flattening the information hierarchy.
APPROACH
How I approached it
I structured the experience around a clear overview, transaction detail, financial insights and role-aware interactions, using reusable React components and lightweight state management.
ENGINEERING
Implementation highlights
ENGINEERING SUMMARY
What this project is built on.
TECHNOLOGY
React · Vite · Tailwind · Recharts · Zustand
ROLE
Frontend engineering
OUTCOME
Built a polished responsive interface with state management and data visualisation for a finance-oriented product brief.
NEXT PROJECT
Next.js application
Smart Bookmarks
A private bookmark manager with Google OAuth, Supabase Row Level Security and real-time cross-tab updates.