joet-dev

Summary.

Interactive tool that helps users visualize their home affordability and future mortgage repayments. Built with Vite, React, and TypeScript for speed and simplicity. Uses the Nivo graphing library to turn complex financial data into clear, intuitive visuals.

Built With.

Vite
TypeScript
React

Timeline.

brainstorming

Stack

I chose Vite + React (TypeScript) for their performance and strong developer experience. The project will be a statically hosted site designed for quick usability testing. For data visualization, I’m using Nivo due to its balance of simplicity and performance. This also serves as a trial implementation for future projects where dynamic data visualization will be key.

Stage

Currently designing how graphs and data visualizations will communicate a user’s financial position in a clear, accessible way.