Dataffirm
Front‑end development for Dataffirm's data‑intensive Angular 2 investment platform, translating machine‑learning outputs and live market, company, news, and sentiment data into responsive dashboards, search tools, and interactive visualisations.


In Detail
The product began as an evolving MVP: a responsive Angular 2 platform using Sass, D3, and Node.js, built around real‑time market data, machine‑learning outputs, and large structured datasets. The challenge was to turn those signals into interfaces investors could search, compare, and act on.
This was machine‑learning and big‑data product work before "AI" became the default label for every data‑led feature. The value was not the terminology; it was the attempt to surface useful investment signals from live market activity, company data, media mentions, location data, and online sentiment.
Because the product direction was still developing, the application moved through several iterations shaped by investors, stakeholders, and user feedback. The front end therefore had to remain flexible enough to absorb substantial change without making future expansion harder.
The application combined complex data tables, dashboard panels, search tools, and interactive visualisations. It was primarily designed for desktop use, where users could absorb more information at once, whilst mobile and tablet access still needed to remain usable in a reduced form.
Search
The search functionality within the platform was separated into several facets, ranging from a straightforward text‑based search for companies or officers up to much more complex dimensions involving location, media mentions, or even just how active they were on Twitter...


Company and Person Profiles
Using masses of data, the platform presents Company and Person profiles in a data‑driven dashboard style, which quickly allows the visitor to get an overview of their position, activity in the media, elsewhere online, and the opportunity to investigate further. This panel‑based dashboard is customisable by the user; they can determine which data falls where on the page.


Content Pages
Simple, accessible, content‑manageable pages were developed in various layouts and with a small component library. In this example, a Knowledge Centre was put together to offer advice and guidance to platform users, including text, imagery, and video.


- "
I've worked with John Kavanagh several times, and can fully recommend his services as a front‑end web developer to anyone. He is a strong JavaScript programmer, and has thorough knowledge of cross‑platform HTML/CSS development. Always punctual, very friendly and importantly knows how to get the job done on time, maintaining a keen eye for professional detail."
