[Open Source] After 2 Years of ‘Coming Soon … Maybe’ I Finally Shipped My Personal Site featuring 4 Procedural Generators, Terminal CLI, & much more. Dive in!

Celebrating the Completion of My Personal Website After Two Years of Development

After a prolonged journey marked by numerous starts and stopsโ€”familiar to many developersโ€”I am excited to announce that I have finally launched my own personal website. This project, which has evolved over a two-year period, reflects my dedication and growth as a developer, and I couldnโ€™t be prouder of the result.

Discover the Interactive Portfolio Experience

More than a simple showcase of my work, my website is an interactive platform that offers transparency into my development process. It features a range of innovative components designed to engage visitors and demonstrate advanced coding techniques.

Visit the Live Site:
๐ŸŒ UjjwalVivek.com

In-Depth Technical Write-Up
For those interested in the technical intricacies, algorithms, and design decisions, Iโ€™ve published a comprehensive blog post:
๐Ÿ“– Deep Dive into My Open Source Journey

Access the Code Repository
The complete source code is available for review and collaboration:
๐Ÿ’พ GitHub Repository


Key Features and Technical Highlights

  • Procedural Backgrounds:
    I developed four distinct procedural background generators utilizing the Canvas API without external libraries. These generate dynamic visuals such as hologram cubes, recursive circuit trees, psychedelic mandalas, and quantum node networks. Optimizing their performance remains an ongoing effort.

  • Interactive Terminal Footer:
    More than a decorative element, this footer functions as a command-line interface (CLI). It includes custom commands, hidden easter eggs, and even a playful mini-game featuring a dinosaur that appears during simulated crashes.

  • Custom Markdown Rendering:
    The site features a self-built Markdown renderer supporting mathematical notation via KaTeX and diagrams through Mermaid.js, enhancing content display capabilities.

  • Accessibility-First Design:
    Respecting user preferences, the site incorporates features like prefers-reduced-motion. Additionally, a “Low Chaos Mode” offers a sensory-sensitive viewing experience.

  • Privacy Respect:
    Thereโ€™s no tracking, cookies, or unnecessary noiseโ€”prioritizing user privacy throughout.


Reflecting on the Journey

This project symbolizes a significant milestone in my personal development as a creator, transforming an idea into a tangible, open-source resource. The codebase and


Leave a Reply

Your email address will not be published. Required fields are marked *