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