Celebrating the Launch of My Personal Website: A Two-Year Journey of Innovation and Open Source

After a prolonged period of starting and set-aside personal projects—something many developers can relate to—I am thrilled to announce the completion and public launch of my personal website. This milestone marks the culmination of a two-year effort filled with experimentation, learning, and persistence.

A Platform Beyond a Portfolio

My website is much more than a static showcase of work; it is an interactive showcase of my development process. Designed with transparency and creativity in mind, it features several unique components that highlight my passion for procedural generation, innovative interface design, and clean coding practices.

Explore the Site

You can experience the site firsthand at https://ujjwalvivek.com. It offers an immersive journey through my technical approach and design philosophy.

Deep Dive into the Technical Aspects

For readers interested in the nuts and bolts, I’ve authored a detailed technical blog that explores the underlying systems, mathematical concepts, and code structures involved in building the site. You can read it here: https://ujjwalvivek.com/blog/log_0003_going_open_source.md.

The entire codebase is openly available on GitHub, inviting collaboration, learning, and adaptation: https://github.com/ujjwalvivek/portfolio.

Key Features of the Website

• Procedural Background Generators:
  Four distinct generators creating dynamic visuals—including hologram-like cubes, recursive circuit models, psychedelic mandalas, and quantum-inspired node networks. Built solely with the Canvas API, these modules present both a visual feast and a performance optimization challenge, which I continue refining.

• Interactive Terminal Footer:
  A functional command-line interface embedded at the page’s footer. It supports various commands, includes hidden Easter eggs, and even features a custom crash screen that launches a mini browser game (a dinosaur runner, reminiscent of classic offline games).

• Custom Markdown Rendering:
  I developed a bespoke Markdown renderer from scratch, integrating KaTeX for mathematical expressions, Mermaid for diagrams, and other tools to provide rich, accessible content rendering.

• Accessibility-First Design:
  The site respects user preferences such as prefers-reduced-motion, and I’ve included a