Celebrating the Launch of a Personal Website Built with Procedural Art and Interactive Features
After a two-year journey filled with starts, stops, and reconsiderations, I am thrilled to announce the completion and launch of my personal website. This project has been a labor of passion and persistence, resulting in a portfolio that showcases not only my work but also my technical curiosity and creative experimentation.
A Gateway to My Development Process
This isn’t just a typical online portfolio. It’s an interactive platform that offers a transparent look into my development journey. From intricate procedural backgrounds to an engaging terminal-like footer, every element is crafted to reflect my approach to coding and design.
Explore the Website
Visit the site directly at https://ujjwalvivek.com to experience its interactive features firsthand.
In-Depth Technical Insights
For those interested in the nitty-gritty, I’ve documented a comprehensive deep dive covering algorithms, mathematical concepts, ASCII diagrams, and code breakdowns here: https://ujjwalvivek.com/blog/log_0003_going_open_source.md.
Open Source Code Repository
The entire codebase is available for review and contributions on GitHub: https://github.com/ujjwalvivek/portfolio.
Key Features and Technical Highlights
- Procedural Background Generators: I developed four unique visual generators using plain Canvas API, avoiding external libraries. They produce hologram cubes, recursive circuit patterns, psychedelic mandalas, and quantum node networks—challenging performance and optimization in the process.
- Interactive Terminal Footer: This isn’t just aesthetic—it’s a functional command-line interface embedded into the site. It includes commands, easter eggs, and even a playful custom crash screen that triggers a mini dino game coded from scratch.
- Custom Markdown Renderer: Built from the ground up, leveraging KaTeX for math, Mermaid for diagrams, and additional tools to create an intuitive content rendering system.
- Accessibility-First Design: Committed to inclusivity, the site respects user preferences like
prefers-reduced-motion, and offers a “Low Chaos Mode” suitable for sensory-sensitive visitors. - Privacy Respect: No tracking scripts, cookies, or intrusive analytics—just a clean, focused experience.
The full story behind this project, including insights
