Overview
The Creative Coding project is both a collection and an idea. A home for my smaller web experiments that live between art and code. Each sketch explores a different aspect of interactivity: focus, relaxation, rhythm, and play.
I built the site using Astro because I wanted it to be lightweight, fast, and flexible enough to host creative experiments without the overhead of a full JavaScript framework. It serves as a living portfolio of interactive projects - a space where I can publish sketches like Mindful Circles, Tap to Calm, and Animal Catcher, each one blending design and behaviour in a slightly different way.
The intention behind this project is simple: to show that creative coding doesn’t always need to be complex to feel alive. A few lines of motion, a soft colour palette, and a simple idea can be enough to capture attention and evoke calm.
Technical Details
Technical Details
Framework: Astro
Languages: HTML, CSS, JavaScript
Libraries: p5.js for generative and interactive sketches
Purpose: To experiment with how interaction, colour, and timing affect mood
Structure: Each project is stored as its own mini-module within the Astro site, with reusable layouts and components for consistent presentation.
Features:
- Fast static generation using Astro’s hybrid rendering.
- Lightweight front-end with minimal JavaScript on non-interactive pages.
- Integration of p5.js sketches as embedded demos.
- Clean typography, gradient accents, and simple navigation focused on showcasing experiments.
Results
Creating this site was a return to the playful side of development. It reminded me that code can be expressive not just functional.
The process deepened my understanding of Astro’s component model and build process while giving me a structure for future creative projects. It also reconnected me with why I started learning to code: to create things that make people stop, breathe, and smile for a moment.
The site is currently in local development only.
Future updates will include more sketches and small games that continue exploring mindfulness, attention, and curiosity through simple interaction.
