[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 a Milestone: My Personal Website Launch After Two Years of Development

After a lengthy journey of over two years, I am thrilled to announce the launch of my personal website, a project Iโ€™ve persistently worked on amidst many interruptions. This site isnโ€™t just a simple portfolio; itโ€™s an interactive showcase of my development process, featuring innovative procedural generators, a built-in command-line interface, and much more.

An Overview of the Project

This endeavor represents more than just a digital resumeโ€”itโ€™s an immersive platform that embodies my approach to coding and creativity. Crafted from scratch with a focus on transparency and performance, the website highlights multiple technical achievements that I am eager to share with the community.

Explore the Site

Experience the interactive system firsthand by visiting my website:
๐ŸŒ https://ujjwalvivek.com

Deep Dive into the Technical Details

For those interested in the nitty-grittyโ€”design choices, math involved, code intricacies, and diagramsโ€”Iโ€™ve documented a comprehensive blog post:
๐Ÿ“– Read the detailed log on open-sourcing my project

Access the Source Code

The entire codebase is available on GitHub, allowing others to learn, adapt, or contribute:
๐Ÿ’พ View the repository

Highlights & Technical Features

  • Procedural Background Generators:
    Implemented four distinct visual generators using the Canvas APIโ€”no external libraries involved. These include hologram cubes, recursive circuit patterns, psychedelic mandalas, and quantum node networks. Optimizing performance for smooth animations was a significant challenge, and continuous improvements are ongoing.

  • Interactive Terminal Footer:
    This isnโ€™t just visual flare; itโ€™s a functional command-line interface. Users can run commands, discover hidden easter eggs, and even trigger a playful crash screen featuring a custom-built retro dinosaur game.

  • Custom Markdown Renderer:
    From scratch, I built a Markdown parser supporting math via KaTeX, diagrams with Mermaid, and additional features, all integrated seamlessly.

  • Accessibility-First Design:
    The website respects user preferences like prefers-reduced-motion and includes a “Low Sensory Mode” for those sensitive to visual stimuli.

  • Privacy Ethos:
    No tracking,


Leave a Reply

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