[Open Source] After 2 Years of ‘Coming Soon … Maybe’ I Finally Shipped My Personal Site featuring 4 Procedural Generators, Terminal CLI, & much more. Dive in!

Title: Celebrating the Launch of My Personal Web Portfolio Featuring Procedural Generators and Interactive Terminal Interface

Introduction

After a two-year journey filled with trial, error, and persistence, I am excited to announce the completion and launch of my personal website. This project represents a significant milestone in my development journey, transforming a series of initial ideas and prototypes into a fully functional, interactive showcase of my skills and creative process.

A Platform Beyond a Portfolio

This website is more than just a digital resume; it has been crafted as a dynamic reflection of my approach to coding and design. Its core features combine visual artistry, interactivity, and transparency, aiming to give visitors a unique peek into my development workflow and creative explorations.

Explore the Site

You are invited to explore the site firsthand here:
https://ujjwalvivek.com

Deep Technical Insights

For those interested in the technical intricacies behind this project, Iโ€™ve documented an extensive write-upโ€”including mathematical concepts, ASCII diagrams, and detailed code analysisโ€”available on my blog:

Read the detailed development log

Open Source Codebase

Interested in the implementation details or considering contributing? The complete codebase is openly available on GitHub:

View the GitHub repository

Key Features and Technical Highlights

  1. Procedural Background Generators

At the heart of the site are four distinct procedural background generators, crafted purely with the Canvas APIโ€”no external libraries involved. These include:
– Hologram Cube Visuals
– Recursive Circuit Trees
– Psychedelic Mandalas
– Quantum Node Networks

Optimizing the performance of these generators was a rigorous challenge, and ongoing improvements aim to enhance their efficiency and visual fidelity.

  1. Interactive Terminal Footer

The website features a terminal-like footer that is not only visually engaging but also functionally interactive. Users can run commands, uncover hidden easter eggs, and even trigger a playful crash screen featuring a custom-coded dinosaur game.

  1. Custom Markdown and Math Rendering

Rather than relying on standard Markdown processors, I built a tailored renderer from scratch, integrating KaTeX for math formulas and Mermaid for diagrams, ensuring seamless support for complex technical content.

  1. Accessibility and Sensory Considerations

Accessibility was a priority throughout the design process. Features include:
– Respect for the


Leave a Reply

Your email address will not be published. Required fields are marked *