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, includingprefers-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