THE INTERACTIVE ARCHIVE
Blog Demos.
Small experiments. Practical tools. Ideas you can play with. The interactive side of my writing, all in one place.
Hand-coded, before AI coding assistants.
Every example here was written by hand, before AI became part of the coding toolkit. These are my original explorations in learning by building — one line, one bug, and one discovery at a time.
EXPLORE THE DEMOS
Read the articlesReact Three Fiber
Demos made using ThreeJS, React Three Fiber, DREI and many more useful plugins etc.
Explore demoPhoto Uploader Project
A full stack project that allows you to upload photos via a NextJS Frontend, and a Serverless Stack that creates a full backend using AWS Lambda, S3, DynamoDB and API Gateway.
Explore demoWiFi QR Code Generator
Generate a stylish WiFi QR code with SSID, password, and an optional logo — entirely in your browser, nothing sent to the server.
Explore demoPassword Splitter Tool
This demo demonstrates how you can split a password into multiple parts if for example, you ever wanted to send it via 2 separate methods
Explore demoAll Tailwind Color Names
This simple page just lists the available Tailwind color palette as well as their names.
Explore demoReact Hooks
If you are new to React then this article can help you to understand how to use its hooks, including useState, useEffect, useMemo and useRef
Explore demoAsync/Await Promise All
This demo demonstrates how you can chain a load of Async functions or Promises and only execute once they are all finished using Promise.all()
KEEP EXPLORING
From little experiments
to bigger possibilities.
Explore imagined products, interactive worlds, and the ideas taking shape in Creations.
Explore Creations