Penny App

A personal finance tool designed to bring clarity to everyday spending.

Penny App is a full-stack personal finance platform designed to analyse bank transactions without relying on third-party integrations.

Problem

Managing money across multiple bank accounts is difficult, especially for a household. Most banking apps don’t give a clear overview in one place and automatically assign categories to transactions.

In reality, users understand their spending better than the system, so fixed categorisation often feels inaccurate and limiting.

What I built

• End-to-end application for uploading and processing bank CSV files
• Backend services for parsing, categorising, and aggregating financial data
• Custom expense categorisation with full user control
• Secure authentication and user-specific data isolation
• Interactive dashboard with insights into spending, income, and trends

Key technical challenges

• Efficient parsing and processing of large CSV datasets
• Designing flexible data models to support dynamic user-defined categories
• Ensuring secure handling of sensitive financial data without external integrations

Impact

• Enables fast, connection-free financial analysis
• Processes large datasets with near-instant feedback
• Provides flexible financial tracking tailored to individual user needs
• Demonstrates full ownership of architecture, backend, and frontend

React, Next.js, TypeScript, Material UI, Node.js, NestJS, PostgreSQL, Prisma ORM, REST APIs, Swagger, Zod, JWT, Monorepo, Winston (Loki logging)

MicroView Pro

Microscopy Image Visualization Software

MicroView Pro is a microscopy image visualisation tool developed during my internship, focused on handling large scientific image datasets efficiently.

Problem

Microscopy data involves large, multi-channel images that are slow to load and difficult to interact with using standard web approaches.

What I built

• High-performance interface for rendering and interacting with microscopy images
• Zoom, pan, multi-channel overlays, and image comparison features
• Tools for metadata inspection, histogram visualisation, and CSV-based workflows

Key technical challenges

• Optimising rendering and interaction for large image datasets
• Implementing custom tiling and efficient image loading strategies
• Managing complex UI state for multi-channel visualisation

Impact

• Improved usability and responsiveness when working with large images
• Enabled faster analysis and navigation of scientific data
• Demonstrates ability to work on performance-critical, data-heavy applications

Typescript, React, CSS, Context API, Pixi.js, D3.js, Jest, Figma

Limited Edition Bricks Hub

Full-stack e-commerce platform

Limited Edition Bricks Hub is a full-stack e-commerce platform designed to help users discover, explore, and purchase limited edition LEGO sets in one place.

Problem

Limited edition LEGO sets are often hard to find and scattered across different platforms, making it difficult to both discover rare items and compare them before purchasing.

What I built

• Full-stack application for browsing and shopping limited edition LEGO sets
• Product catalogue with filtering, sorting, and categorisation
• User authentication, profiles, and wishlist functionality
• Shopping cart and checkout flow

Key technical challenges

• Designing scalable API structure for product and user data
• Managing client-side state for dynamic filtering and cart interactions
• Ensuring smooth user experience across discovery and purchase flows

Impact

• Combines product discovery and e-commerce in a single platform
• Demonstrates full-stack architecture for real-world shopping flows
• Implements common patterns used in production e-commerce systems

Next.js, React, TypeScript, Node.js, Express, GraphQL, Firebase