Frontend Engineer @ Loan.co.uk

I scale frontend systems that feel intuitive, perform fast, and ship with confidence.

With 5+ years in fintech and e-commerce, I bridge design systems, developer experience, and backend fluency — turning complex product flows into performant, accessible, and maintainable interfaces.

Latest writing

Fresh notes on frontend craft and engineering leadership.

View all articles →

About Me

Senior Frontend Engineer with 5+ years of experience delivering scalable, production-grade applications in regulated industries, including mortgage lending, fintech, and SaaS.

Expert in React, TypeScript, and Next.js (including Server Components), with strong capabilities in state management, performance optimisation, and design systems.

Proven track record building clean, accessible UIs, secure frontend architectures, and high-quality developer tooling in cross-functional teams.

Passionate about great UX, robust engineering practices, and DX-focused workflows that help teams ship faster and safer.

My Engineering Philosophy

Mindful Minimalism

Great software comes from restraint. Like pruning a bonsai, I remove noise so the core experience shines—clean code, purposeful interactions, focused systems.

Patience in Process

I favor thoughtful iteration over flashy shortcuts. Whether architecting a design system or debugging legacy code, I work with clarity, intention, and care.

Web-Native Thinking

I design with the grain of the platform—embracing standards, optimizing for performance, and ensuring accessibility is baked in from day one.

Daniel Philip Johnson tending to a bonsai tree

Professional Growth Path

My journey of continuous learning and evolution in the digital landscape

Senior Front End Engineer

Loan.co.uk

August 2024–Present

Modernised a legacy Create React App into a Next.js App Router + React Server Components architecture, and engineered a deterministic Zustand-based task engine for complex mortgage journeys.

Technologies

TypeScriptNext.jsReact Server ComponentsZustandStorybookWCAG 2.1 AAZodTailwind CSS

Key Contributions

  • Modernised a legacy Create React App into a Next.js App Router + React Server Components architecture, introducing server/client boundaries, caching rules, and rendering patterns that dramatically improved performance and established a scalable foundation for future features.
  • Engineered the dashboard task engine using a deterministic Zustand-based state architecture, unifying multi-source task data (uploads, fact-find, credit checks, document reads, debt consolidation) into a predictable flow that improved clarity, correctness, and reliability for advisors and customers.
  • Collaborated with design on a full dashboard and customer-app redesign, advising on technical feasibility, performance implications, and UX trade-offs to ensure proposed solutions were intuitive, fast, and realistic to implement.
  • Built a unified frontend platform including a token-driven design system (Storybook, WCAG 2.1 AA), feature-flagging system, Zod-powered form engines, analytics middleware, and typed API clients reducing UI inconsistency by 75% and increasing developer velocity across teams.
  • Drove a multi-quarter performance initiative, implementing parallel data fetching, server-first rendering, cache boundaries, bundle analysis, and strict code-splitting which cut app load time by 45%.
  • Spearheaded frontend security and compliance, reducing 400+ CVEs to 12, enforcing dependency governance, and integrating audit logging into React/Next.js interaction flows.
  • Designed and shipped an AI-powered chat interface with real-time streaming, optimistic updates, and state-machine-driven UI flows delivering a fast, reliable customer support experience.
  • Improved engineering culture by defining coding standards, frontend conventions, architectural guidelines, and documentation practices that enhanced consistency and long-term maintainability.

Front End Engineer Bigcommerce

IDHL

July 2023–August 2024

Defined React and Next.js architectural foundations for enterprise commerce platforms and engineered high-performance PWAs using React Server Components.

Technologies

BigCommerceReactNext.jsTypeScriptGraphQLTailwind CSSStorybook

Key Contributions

  • Defined the React and Next.js architectural foundations for two enterprise commerce platforms, introducing durable component patterns, rendering rules, and performance constraints that increased team velocity and improved project margins by 15%.
  • Engineered a Next.js-powered PWA using React Server Components, modular components, and structured hydration boundaries, and documented the patterns in Storybook to unify UI behaviours across teams.
  • Created shared React data-fetching primitives (GraphQL wrappers, typed hooks, caching strategies) that reduced integration overhead by 55% and eliminated duplicated logic across teams.
  • Engineered performance and caching improvements across the storefront, including GraphQL caching and edge-oriented rendering for the checkout, delivering faster TTFB, smoother buyer journeys, and more stable performance at scale.
  • Collaborated with product designers to shape high-conversion storefront and checkout experiences, advising on feasibility, performance trade-offs, and component-level UX improvements.

Fullstack developer

hiyield

July 2021– July 2023

Designed and delivered headless eCommerce architectures and engineered Google Cloud data pipelines for real-time dashboards.

Technologies

ReactNext.jsGraphQLPrismic CMSStorybookTypeScriptGoogle CloudFirebaseStripe

Key Contributions

  • Designed and delivered a headless eCommerce architecture using React/Next.js, GraphQL, and Prismic CMS, supported by a shared Storybook component library that improved scalability and reduced page load times by 35%.
  • Rebuilt a plugin-heavy WordPress platform into a React + TypeScript JAMstack application with Firebase auth, serverless APIs, and Stripe integration, replacing brittle legacy code with a fast, secure, and maintainable modern foundation.
  • Engineered Google Cloud pipelines (Pub/Sub → Compute → Elasticsearch) that processed 2M+ records per quarter, enabling real-time dashboards and powering low-latency search experiences across React-based customer interfaces.
  • Built a React customer portal that unified account management, bookings, collection requests, and storage tracking, fully integrated with warehouse and logistics systems to deliver accurate, real-time updates to customers.
  • Collaborated with designers to refine user flows and component patterns, ensuring new features across eCommerce and logistics products were intuitive, performant, and consistent with evolving design system standards.

Founding Front End Engineer

codecareer.io

2020–2021

As a founding developer, built a React-based job board platform from the ground up and implemented Python automation for multi-source data fetching.

Technologies

ReactPythonMongoDBTailwind CSS

Key Contributions

  • As a founding developer, built the React-based frontend for a job board platform from the ground up including search interface, job filters, pagination, and real-time data display supporting 3,000+ daily listings and reducing page load time to under 1.2s on average.
  • Designed Python automation to pull job data from 5+ APIs, storing parsed entries in MongoDB reducing API costs by 50% and improving listing freshness and frontend accuracy.

React Developer (Freelance)

Self-Employed

February 2019 – August 2020

Developed custom React frontends and automated data collection workflows for various clients.

Technologies

ReactPythonMongoDB

Key Contributions

  • As a founding developer, built the React-based frontend for a job board platform from the ground up including search interface, job filters, pagination, and real-time data display supporting 3,000+ daily listings and reducing page load time to under 1.2s on average.
  • Designed Python automation to pull job data from 5+ APIs, storing parsed entries in MongoDB reducing API costs by 50% and improving listing freshness and frontend accuracy.

Educational Path

Academic foundations that shaped my approach to design and development

University of Plymouth logo

BSc (Hons) Psychology

University of Plymouth

Plymouth, United Kingdom

2014 – 2017

Studied human behavior and cognitive function across development, biology, and social frameworks, with emphasis on mental health, neurobiology, and psychological theory.

Notable Coursework

  • Individual Differences & Human Development

  • Social, Developmental & Cognitive Psychology

  • Biological Psychology

  • Neurobiology and Crime

  • Neuroscience: Mental Imagery and Mental Health

  • Mental Disorders and Pharmacology

Achievements

  • Researched how lies form in the brain and their behavioral cues

  • Explored Alzheimer’s and the role of beta-amyloid plaques

  • Investigated the role of anxiety in PTSD

University of Plymouth logo

HND Applied Psychology

University of Plymouth

Plymouth, United Kingdom

2012 – 2014

Focused on the origins of behavior from theoretical and practical perspectives. Explored psychological applications across health, performance, education, and environment.

Notable Coursework

  • Educational Psychology

  • Communication and Applied Cognition

  • Environmental Psychology

  • Health Psychology

  • Performance Psychology

Achievements

  • Gained strong foundation in applied psychological theory

  • Explored how environmental factors influence mental performance

“Education is not the filling of a pail, but the lighting of a fire.”

— W.B. Yeats

Continuous Learning

Online courses and certifications that have expanded my skills and knowledge

Udemy logo

Udemy

March 2021

JavaScript: The Advanced Concepts (2021)

A course titled 'JavaScript: The Advanced Concepts (2021)' offered by Udemy, completed in March 2021.

JavaScriptReactWeb Development
Udemy logo

Udemy

February 2021

JavaScript: Understanding the Weird Parts

A course titled 'JavaScript: Understanding the Weird Parts' offered by Udemy, completed in February 2021.

JavaScriptReactWeb Development
Udemy logo

Udemy

December 2020

React Front To Back

A course titled 'React Front To Back' offered by Udemy, completed in December 2020.

JavaScriptReactWeb Development
University of California logo

University of California

November 2020

Work Smarter, Not Harder: Time Management for Personal & Professional Productivity

A course titled 'Work Smarter, Not Harder: Time Management for Personal & Professional Productivity' offered by University of California, completed in November 2020.

Project ManagementTime Management
University of California logo

University of California

October 2020

Project Management: The Basics for Success

A course titled 'Project Management: The Basics for Success' offered by University of California, completed in October 2020.

Project ManagementTime Management
University of Hong Kong logo

University of Hong Kong

Aug 2020

Full-Stack Web Development with React

A course titled 'Full-Stack Web Development with React' offered by University of Hong Kong, completed in Aug 2020.

JavaScriptReactWeb Development
University of Michigan logo

University of Michigan

June 2020

Web Applications for Everybody

A course titled 'Web Applications for Everybody' offered by University of Michigan, completed in June 2020.

Web Development
Atlassian logo

Atlassian

March 2020

Version Control with Git

A course titled 'Version Control with Git' offered by Atlassian, completed in March 2020.

Version ControlGit
Google logo

Google

March 2020

Google IT Automation with Python Specialization

A course titled 'Google IT Automation with Python Specialization' offered by Google, completed in March 2020.

PythonAutomation
freeCodeCamp logo

freeCodeCamp

May 2019

APIs and Microservices

A course titled 'APIs and Microservices' offered by freeCodeCamp, completed in May 2019.

APIsMicroservices
freeCodeCamp logo

freeCodeCamp

May 2019

Data Visualization

A course titled 'Data Visualization' offered by freeCodeCamp, completed in May 2019.

Data Visualization
freeCodeCamp logo

freeCodeCamp

May 2019

Front End Libraries

A course titled 'Front End Libraries' offered by freeCodeCamp, completed in May 2019.

Web Development
freeCodeCamp logo

freeCodeCamp

February 2019

JavaScript Algorithms and Data Structures

A course titled 'JavaScript Algorithms and Data Structures' offered by freeCodeCamp, completed in February 2019.

JavaScriptReactWeb Development
freeCodeCamp logo

freeCodeCamp

February 2019

Responsive Web Design

A course titled 'Responsive Web Design' offered by freeCodeCamp, completed in February 2019.

Responsive Design
freeCodeCamp logo

freeCodeCamp

November 2017

Legacy Back End

A course titled 'Legacy Back End' offered by freeCodeCamp, completed in November 2017.

Web Development
freeCodeCamp logo

freeCodeCamp

November 2017

Legacy Data Visualization

A course titled 'Legacy Data Visualization' offered by freeCodeCamp, completed in November 2017.

Data Visualization

"In the beginner's mind there are many possibilities, in the expert's mind there are few."

— Shunryu Suzuki, Zen Mind, Beginner's Mind

Let's Connect

I'm always open to discussing new projects, creative ideas, or opportunities to be part of your vision.

Location

Truro Cornwall

Find me on

"The most basic and powerful way to connect to another person is to listen. Just listen."

— Rachel Naomi Remen