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

After an extensive period of starting and setting aside personal projects โ€” a familiar story for many โ€” I am thrilled to announce the launch of my bespoke portfolio website. This project has been a two-year journey, filled with challenges and learning opportunities, and Iโ€™m excited to share the final result with you.

A Dynamic Showcase of Creativity and Technical Skill

This isnโ€™t merely a static display of my work; itโ€™s an interactive platform that embodies my development process. Designed from the ground up, the site integrates innovative features that reflect my passion for procedural generation, clean architecture, and user-centric design.

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

For those interested in the technical intricacies behind this project, Iโ€™ve prepared a detailed write-up, including mathematical concepts, ASCII diagrams, and code explanations:
๐Ÿ“– Deep Dive Blog Post

The project codebase is open source and available for review or contribution:
๐Ÿ’พ GitHub Repository

Key Features and Technical Highlights

  • Four Procedural Background Generators: Crafted using vanilla Canvas API (no external libraries), these generate mesmerizing visuals such as hologram cubes, recursive circuit diagrams, psychedelic mandalas, and quantum-inspired node networks. Optimizing rendering performance for these complex visuals remains an ongoing effort.

  • Interactive Terminal Footer: More than a visual element, this footer functions as a mini command-line interface. It offers various commands, concealed easter eggs, and even activates a playful dinosaur game that runs within a custom crash screen.

  • Custom Markdown Rendering: Built from scratch, this feature supports math typesetting with KaTeX, diagram creation via Mermaid, and other rich content capabilities, ensuring a seamless and accessible reading experience.

  • Prioritizing Accessibility: The website is designed to respect user preferences such as prefers-reduced-motion and includes a โ€œLow Sensoryโ€ mode for those with sensitivities, emphasizing an inclusive approach.

  • Privacy-Focused: No tracking, cookies, or intrusive analytics โ€” just a pure, noise-free experience.

Reflections and Further Insights

For a comprehensive account of the technical journey, challenges encountered, and the mental blocks I


Leave a Reply

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