Jonathan Oliver

Front End Software Engineer

  • Agentic Engineering
  • HTML5
  • CSS3/SCSS
  • Javascript (ES5/ES6)
  • Typescript
  • React
  • Vue
  • Astro
  • Nuxt
  • Next
  • Web Components
  • JSX/TSX
  • Liquid
  • PHP
  • Laravel
  • Express
  • SQL
  • Postgre SQL
  • Mongo DB
  • Node JS
  • Tailwind
  • ShadCN UI
  • Radix UI
  • Daisy UI
  • Cypress
  • Playwright
  • Storybook
  • Gemini/Open AI
  • Shopify
  • Git
  • Vite

A passionate Front End Software Engineer based in Stockton-on-Tees, I bring a blend of creativity and technical expertise to every project I work on. With a keen eye for design and a deep understanding of modern web technologies, I specialise in creating engaging and responsive user interfaces that provide seamless experiences.

Portfolio

Explore how I craft compelling user experiences with clean, efficient code. Dive in and discover how I can bring value to your team with my creative solutions and attention to detail.

Crafting Digital Retail Experiences

  • Shopify
  • Visualsoft
  • React
  • Vue
  • Javascript
  • Typescript
  • Laravel

With 10 years of experience, I craft engaging digital retail experiences that convert. I integrate cutting-edge tech and user-centric design to elevate e-commerce platforms.

View Project

Building Apex: My Automated Personal Executive

  • Node.js
  • TypeScript
  • Claude API
  • Shell

An engineering dive into Apex, a multi-channel AI assistant built with TypeScript, isolated sub-agents, and strict safety guardrails for email, calendar, and task orchestration.

View Project

How I Built VSuite: AI Tools That Transformed My Agency's Operations

  • Vue3
  • Tailwind
  • ShadCN
  • Gemini AI

Working as a developer at an e-commerce agency, I watched our talented team spend hours on repetitive tasks instead of strategic work. Our designers were drowning in analytics data while content strategists manually researched competitors for days.

View Project

Scavengr: Transforming Leftover Ingredients into Culinary Adventures with AI

  • React
  • Gemini API
  • Spoonacular
  • Tailwind
  • ShadCN UI

How I built a smart recipe generator that turns your fridge contents into delicious meals

View Project

Pixel Hive: From Millions of Pixels to Millions of Tokens

  • Next.js
  • TypeScript
  • ZOD
  • HTML5 Canvas
  • Supabase
  • PostgreSQL

Pixel Hive is a hexagonal brand registry where companies claim grid space and publish structured metadata so AI agents and RAG systems can discover, rank, and recommend them accurately.

View Project

Engineering Magic Mirror: Real-Time AI Video Streaming on the Shop Floor

  • Next.js
  • TypeScript
  • Node.js
  • WebSockets
  • WebRTC
  • Lucy-VTON

An engineering dive into Magic Mirror: A real-time, low-latency in-store retail system built with Next.js, WebSockets, and Decart’s real-time AI video models to bridge physical shop floors with live Shopify catalogues.

View Project