Celebrating the Completion of a Personal Web Project After Two Years: A Journey in Procedural Design, Interactivity, and Open Source
After a lengthy process marked by numerous starts and stops—something many developers can undoubtedly relate to—I am thrilled to share that I have finally launched my personal website. What began as a tentative idea two years ago has evolved into a fully interactive platform that showcases my technical skills, creative experiments, and development journey.
A Visual Peek at the Site
(Insert image or link to the project screenshot)
This site is more than a static portfolio; it’s an immersive experience that transparently reflects my development process and creative approach.
Explore the Website Live:
Visit My Personal Site
In-Depth Technical Breakdown:
For those interested in the behind-the-scenes details—covering mathematical concepts, architecture diagrams, and code snippets—check out my detailed blog post:
Read the Technical Deep Dive
Open Source Code Repository:
Curious about the implementation? Feel free to explore and contribute:
Visit the GitHub Repository
Highlights of the Development Process and Features
Procedural Background Generators
The core visual elements feature four unique backgrounds created entirely with the HTML5 Canvas API—without relying on external libraries. These include hologram cubes, recursive circuit patterns, psychedelic mandalas, and quantum-inspired node networks. Achieving high performance and responsiveness in generating these complex visuals was a significant technical challenge, which I continue to refine.
Interactive Terminal Footer
The footer doubles as a functional command-line interface (CLI). Users can input commands, uncover hidden easter eggs, and even trigger a fun, custom-coded dinosaur game that runs within the site—blending playfulness with technical experimentation.
Custom Markdown Rendering Engine
I built a bespoke renderer from scratch to handle Markdown content, integrating KaTeX for mathematical notation and Mermaid for diagrams to provide rich, dynamic content support.
User-Centric Accessibility
Prioritizing accessibility, the site respects user preferences like prefers-reduced-motion. Additionally, a ‘Low Chaos Mode’ ensures a calmer experience for sensory-sensitive visitors.
Privacy and Simplicity
Keeping user privacy front and center, the site does not
