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

After a prolonged period of starting, pausing, and revisiting personal projectsโ€”familiar to many in the developer communityโ€”I am thrilled to announce the successful launch of my personal website. This journey spanned over two years, during which I dedicated myself to creating a unique and interactive showcase of my skills and passions.

Introducing the New Online Experience

What sets this site apart isn’t just its aesthetic appeal but its focus on transparency and interactivity. Designed to mirror my development process, the website includes several innovative features that demonstrate the power of procedural generation and custom tooling.

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

Deep Dive into the Technical Craftsmanship

For those interested in the nuts and bolts, Iโ€™ve prepared a comprehensive blog post that details the technical choices, mathematical concepts, and development challenges I faced. It includes ASCII diagrams, code snippets, and explanations to give you a behind-the-scenes look.

Read the in-depth article here:
๐Ÿ“– Log: Going Open Source

Access the Source Code

The entire codebase is openly available for review, collaboration, or inspiration:

๐Ÿ’พ GitHub Repository

Key Features and Technical Highlights

  • Procedural Background Generators:
    Four distinct backgrounds crafted with the Canvas APIโ€”no external librariesโ€”creating visuals such as hologram cubes, recursive circuit diagrams, psychedelic mandalas, and quantum node networks. Optimization remains ongoing to enhance performance.

  • Interactive Terminal Footer:
    Beyond a glance at code snippets, this terminal functions as a mini command-line interface, complete with command execution, Easter eggs, and even a playful dinosaur game that triggers on specific inputs.

  • Custom Markdown Renderer:
    Built from scratch, integrating KaTeX for mathematical notation and Mermaid for diagrams, ensuring a rich and dynamic content rendering experience.

  • Accessibility First Approach:
    The site is designed respecting user preferences, including prefers-reduced-motion settings and a dedicated “Low Chaos Mode” tailored for sensory-sensitive visitors.

  • Privacy and Minimal Tracking:
    No cookies, no tracking scriptsโ€”just a clean, user-focused experience.

The Journey and Reflection

The process


Leave a Reply

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