Celebrating a Milestone: My Personal Website Launch After Two Years of Development
After a lengthy journey of over two years, I am thrilled to announce the launch of my personal website, a project Iโve persistently worked on amidst many interruptions. This site isnโt just a simple portfolio; itโs an interactive showcase of my development process, featuring innovative procedural generators, a built-in command-line interface, and much more.
An Overview of the Project
This endeavor represents more than just a digital resumeโitโs an immersive platform that embodies my approach to coding and creativity. Crafted from scratch with a focus on transparency and performance, the website highlights multiple technical achievements that I am eager to share with the community.
Explore the Site
Experience the interactive system firsthand by visiting my website:
๐ https://ujjwalvivek.com
Deep Dive into the Technical Details
For those interested in the nitty-grittyโdesign choices, math involved, code intricacies, and diagramsโIโve documented a comprehensive blog post:
๐ Read the detailed log on open-sourcing my project
Access the Source Code
The entire codebase is available on GitHub, allowing others to learn, adapt, or contribute:
๐พ View the repository
Highlights & Technical Features
-
Procedural Background Generators:
Implemented four distinct visual generators using the Canvas APIโno external libraries involved. These include hologram cubes, recursive circuit patterns, psychedelic mandalas, and quantum node networks. Optimizing performance for smooth animations was a significant challenge, and continuous improvements are ongoing. -
Interactive Terminal Footer:
This isnโt just visual flare; itโs a functional command-line interface. Users can run commands, discover hidden easter eggs, and even trigger a playful crash screen featuring a custom-built retro dinosaur game. -
Custom Markdown Renderer:
From scratch, I built a Markdown parser supporting math via KaTeX, diagrams with Mermaid, and additional features, all integrated seamlessly. -
Accessibility-First Design:
The website respects user preferences likeprefers-reduced-motion
and includes a “Low Sensory Mode” for those sensitive to visual stimuli. -
Privacy Ethos:
No tracking,