Web Dev / Personal Project
PennyWings Budget Tracker
Track budgets and transactions across devices, explore spending dashboards, and get financial insights in one place.
How it works
React, TypeScript, and Tailwind CSS form the interface. Supabase provides PostgreSQL storage, authentication, Row Level Security, and realtime updates, with TanStack Query managing client-side data. A Google Gemini assistant provides personalized financial insights. Vitest and Playwright cover unit and end-to-end behavior.
Capabilities
- Budget tracking and spending dashboards
- Realtime synchronization across devices
- Financial insights with a Gemini assistant
- Authentication and Row Level Security through Supabase
- Client-side caching with TanStack Query
- Unit and end-to-end tests with Vitest and Playwright
Built with
- React
- TypeScript
- Tailwind CSS
- Supabase
- PostgreSQL
- Vitest
- Playwright
- Google Gemini