Celebrating a Milestone: My Personal Website Launch After Two Years of Development
After a lengthy journey of experimenting, learning, and refining, I am excited to unveil my newly launched personal websiteโan endeavor thatโs taken over two years to bring to life. Like many developers, Iโve faced the common challenge of starting projects with enthusiasm only to set them aside temporarily. But this time, perseverance paid off, and Iโm proud to share the result.
An Interactive Showcase of My Development Process
This isnโt just a standard online resume. My site serves as a dynamic, interactive platform that vividly illustrates my creative and technical journey. From procedurally generated visuals to a fully functional command-line terminal within the webpage, it reflects the core of my development philosophy and craftsmanship.
Explore the site here:
๐ https://ujjwalvivek.com
Deep Dive into the Technical Foundations
For those interested in the nuts and bolts, Iโve documented a comprehensive dive into the project’s technical aspectsโincluding the math, ASCII diagrams, and code that power it all. Check out my detailed blog post to discover how I tackled complex graphical generators, built custom Markdown rendering, and prioritized accessibility.
๐ Read the full technical write-up: https://ujjwalvivek.com/blog/log_0003_going_open_source.md
Open Source and Community Collaboration
The entire codebase is available on GitHub, inviting contributions, improvements, or simply a deeper look into my development process. I believe open-source efforts strengthen the community and foster shared growth:
๐พ GitHub Repository
Key Features and Highlights
-
Four Procedural Background Generators: Leveraging pure Canvas API (no external libraries), I crafted vibrant visuals such as hologram cubes, recursive circuit trees, psychedelic mandalas, and quantum node networks. Optimizing performance remains an ongoing effort, but the core visuals are mesmerizing!
-
Interactive Terminal Footer: An embedded CLI creates a playful, functional interface within the site, complete with commands, hidden easter eggs, and even a custom mini-game coded in JavaScript.
-
Custom Markdown Renderer: Designed from scratch, it integrates tools like KaTeX for math expressions and Mermaid for diagrams,