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:
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