Celebrating the Launch of a Personal Website After Two Years of Development
After a lengthy period of starting, pausing, and sometimes questioning my progress—something many developers can relate to—I am excited to finally share my personal website with the world. This project has been a two-year journey filled with experimentation, learning, and perseverance, and I’m proud to present the outcome.
A Dynamic Showcase of Creativity and Technical Skill
This site isn’t merely a digital resume; it’s an interactive platform that offers a transparent view into my development process. It incorporates a variety of innovative features designed to engage visitors and showcase my technical capabilities.
Explore the Site Here
🌐 Visit Ujjwal Vivek’s Personal Website
Deep Dive into the Technical Aspects
For those interested in the intricacies behind the scenes—including mathematical concepts, ASCII diagrams, and detailed code explanations—have a look at the comprehensive blog post:
📖 Read the Full Technical Breakdown
Open Source Code Repository
In the spirit of transparency and community contribution, the complete codebase is available on GitHub:
💾 Access the Repository
Key Features and Technical Highlights
-
Four Procedural Background Generators:
Using only the HTML5 Canvas API (without external libraries), I crafted four distinct visual systems: hologram-like cubes, recursive circuit diagrams, psychedelic mandalas, and quantum-inspired node networks. Performance optimization has been an ongoing process, and improvements are always in progress. -
Interactive Terminal Footer:
Beyond a simple footer, this feature functions as a command-line interface, complete with commands, hidden easter eggs, and even an embedded dinosaur game triggered through custom interactions. -
Custom Markdown Renderer:
Built from the ground up, this renderer supports inline math via KaTeX, diagram support with Mermaid, and more, ensuring smooth content rendering tailored to my needs. -
Accessibility-First Design:
The site respects user preferences such asprefers-reduced-motionand includes a “Low Chaos Mode” for users with sensory sensitivities, emphasizing an inclusive approach. -
Privacy-Focused:
Rest assured, the site operates without tracking cookies, analytics, or intrusive scripts. It’s a clean, noise-free experience.
**Reflect

