[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 Major Milestone: Launching My Personal Portfolio After Two Years of Development

After a lengthy period marked by start-and-stop effortsโ€”sounds familiar to many developersโ€”I am thrilled to announce the completion and launch of my personal website. This project, a two-year journey, culminates in a dynamic and interactive platform that not only showcases my work but also offers an immersive glimpse into my development process.

An Interactive Showcase of Creativity and Technical Mastery

The site is more than a simple portfolio; it embodies a transparent and engaging system that reflects my approach to engineering and design. Visitors can explore a variety of features, including four procedurally generated backgrounds, a terminal-like footer, and custom-rendered contentโ€”all crafted to enhance user experience and showcase technical prowess.

Visit the live site here:
๐ŸŒ https://ujjwalvivek.com

A Deep Dive into the Technical Craftsmanship

For those interested in the nitty-gritty, Iโ€™ve documented a comprehensive technical breakdown, including mathematical insights, ASCII diagrams, and code explanations. This detailed log provides valuable context about the development journey and design choices.

๐Ÿ“– Read the full technical deep dive

Explore the Code and Contribute

As an advocate of open source, Iโ€™ve made the entire codebase available on GitHub. Feel free to explore, fork, and contribute to the projectโ€”your feedback is always welcome!

๐Ÿ’พ Repository on GitHub

Key Features and Technical Highlights

  • Procedural Background Generators:
    Utilizing pure Canvas API (without external libraries), Iโ€™ve created four distinct backgrounds: hologram cubes, recursive circuit diagrams, psychedelic mandalas, and quantum node networks. Ensuring smooth performance and visual fidelity remains a top priority as I continue refining these algorithms.

  • Interactive Terminal Footer:
    More than a visual element, the footer acts as a functional command-line interface, complete with commands, hidden easter eggs, and an amusing custom crash screen that triggers a mini Dino game coded in JavaScript.

  • Custom-Made Markdown Renderer:
    I’ve built a bespoke rendering system incorporating KaTeX for mathematical expressions and Mermaid for diagrams, ensuring a seamless and visually consistent content experience.

  • Accessibility-First Design:
    Respecting user


Leave a Reply

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