Celebrating the Launch of My Personal Portfolio: A Two-Year Journey into Procedural Generation and Interactive Design
After a prolonged period of starting, pausing, and revisiting personal projects—something many developers can relate to—I am excited to announce that I have finally brought my personal website to life. This achievement marks over two years of persistent effort, culminating in a dynamic platform that showcases not only my work but also my approach to creative coding.
A Portfolio That Goes Beyond the Norm
My website is more than just a showcase; it’s an immersive experience that reflects my development philosophy. Designed as an interactive system, it offers visitors a transparent window into my development process, featuring innovative procedural generators and interactive features.
Explore the Site Live
Visit here: https://ujjwalvivek.com
Deep Dive into the Technical Craftsmanship
For those interested in the nuts and bolts—complete with mathematical insights, ASCII diagrams, and detailed code breakdowns—check out my comprehensive blog post:
https://ujjwalvivek.com/blog/log_0003_going_open_source.md
Access the Open Source Code
Contribute or customize: https://github.com/ujjwalvivek/portfolio
Highlights and Features
-
Four Procedural Background Generators:
Using pure JavaScript Canvas API (no external libraries), I crafted mesmerizing visual patterns including hologram cubes, recursive circuit trees, psychedelic mandalas, and quantum node networks. Optimizing performance for these real-time generators was a significant technical challenge, and improvements are ongoing. -
Interactive Terminal Footer:
Beyond aesthetics, the footer functions as a command-line interface, complete with custom commands, hidden Easter eggs, and a playful crash screen that launches a mini dino game—all coded from scratch. -
Custom Markdown Renderer:
From scratch, I built a robust markdown engine that integrates KaTeX for math expressions and Mermaid for diagrams, providing rich and flexible content rendering. -
Accessibility First:
Prioritizing inclusive design, the site respects user preferences such asprefers-reduced-motionand offers a “Low Chaos Mode” tailored for sensory-sensitive visitors. -
Privacy Respect:
The site operates without tracking, cookies, or intrusive analytics—f

