Projects – Built with AI, curiosity, and code.
I developed two AI-assisted web projects that merge storytelling, behavioural economics, and front-end development to showcase my skills in copywriting and technical marketing. Both were built using HTML, CSS, and JavaScript, hosted on GitHub, and integrated with Google Ads for performance tracking and analytics.
Finance Explained but With More Honesty
A modern, humour-infused glossary explaining 12 finance terms (like crypto) in a tone that's blunt, dry, and human. The project uses sleek, responsive UI and playful animations to make complex topics more accessible.
This project highlights how context and framing can reshape how we perceive value. By translating abstract prices into tangible comparisons, it playfully critiques how we communicate affordability—and how marketing can guide (or distort) consumer judgement.
Relatable Maths Calculator
A framing-effect-based tool that recontextualizes large purchases (like an electric car) into everyday items (e.g., bananas), inspired by the Big Mac Index. It's a creative spin on perception and value, turning economic data into something tangible and shareable.
Job Quest Game
JobQuest is a browser-based game that simulates the highs and lows of the job search journey. Designed and developed by me, this game was inspired by the real-world struggles many face when navigating unemployment, career changes, and the competitive job market.I created JobQuest to:Highlight the challenges of job hunting in a fun, interactive way.Encourage persistence—showing that rejection is part of the process.Make light of a stressful experience by turning it into an engaging game.Whether you're currently job-seeking or just want a relatable challenge, JobQuest offers a mix of strategy, luck, and humour.
Eid Adha Kaleidoscope
Kaleidoscope (Interactive Art)
A mesmerising digital kaleidoscope built with p5.js
This project transforms simple mouse movements into vibrant, ever-changing geometric patterns, mimicking the hypnotic beauty of a real kaleidoscope. Created using p5.js, it showcases how code can turn basic interactions into captivating visual art.
​
Key Features
-
Dynamic Symmetry: Patterns react in real-time to cursor movement.
-
Colour Play: Smooth, randomised palettes create endless variations.
-
Lightweight & Interactive: Pure JavaScript magic—no plugins, no lag.
​
Why I Built This
-
To explore generative art and the creative potential of p5.js.
-
A fun challenge in translating physics (reflections, symmetry) into code.
-
Proof that even simple projects can be meditative and joyful.