[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 journey characterized by numerous starts and stopsโ€”a familiar experience to many developersโ€”I am thrilled to announce the completion and deployment of my personal website. What began as a casual project two years ago has now materialized into a dynamic, interactive portfolio showcasing innovative features and complex procedural systems.

An Overview of the Project

This website isnโ€™t just a simple showcase; itโ€™s an interactive platform that embodies a transparent glimpse into my development process. Crafted with passion and technical rigor, the site features four unique procedural background generators, an embedded command-line interface, and custom-built toolsโ€”all designed to deliver an engaging user experience.

Explore the site here: ujjwalvivek.com

Technical Deep Dive

For those interested in the nuts and bolts, Iโ€™ve documented the entire development journeyโ€”including mathematical concepts, ASCII diagrams, and detailed code breakdownsโ€”on my blog:

Read the full technical narrative

The project’s codebase is openly available on GitHub, inviting collaboration and learning:

View the source code

Key Features and Technical Highlights

  • Four Procedural Background Generators: Crafted using pure HTML Canvas API without any external libraries, these generators produce mesmerizing visuals such as hologram cubes, recursive circuit diagrams, psychedelic mandalas, and quantum node networks. Performance optimization has been a continuous focus, and improvements are ongoing.

  • Interactive Terminal Footer: Beyond a mere aesthetic element, this features an operational command-line interface equipped with commands, easter eggs, and playful triggers like a custom crash screen and a tucked-away dinosaur game.

  • Custom Markdown Renderer: Developed from scratch, integrating tools like KaTeX for mathematical notation and Mermaid for diagram support, ensuring rich content rendering.

  • Accessibility-First Design: Committed to inclusivity, the site respects prefers-reduced-motion preferences and offers a โ€œLow Chaos Modeโ€ tailored for sensory-sensitive visitors.

  • Privacy-Focused: No tracking, cookies, or invasive analyticsโ€”just a clean, quiet browsing experience.

Reflecting on the Journey

This project represents a significant milestone in my personal development as a creator and developer. Sharing the code openly aims to inspire others, foster collaboration, and demonstrate whatโ€™s possible


Leave a Reply

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