Behind the Creation of My Personal Website: A Two-Year Journey of Simplicity and Creativity

Building a website can sometimes be a straightforward task, but for me, it became a two-year voyage—not because of complex technology, but due to personal growth, experimentation, and perseverance. Today, I’m excited to share this milestone with you, reflecting on the process and the philosophy behind it.

A Personal Initiative, Not Commercial

After years working with companies that claimed to prioritize innovation, I often found myself stifled by corporate constraints and superficial approaches to progress. Those experiences made me realize I needed a space that truly represented me—an authentic platform where I can be seen, heard, and express myself freely.

So, I set out to craft a website that is minimalistic yet meaningful—designed solely for my own voice. The end result is a handcrafted digital space that balances simplicity with creative expression.

Built with a Lean Tech Stack

This project eschews heavy frameworks and unnecessary plugins. Instead, I opted for a straightforward approach:

• Core Technology: React.js combined with Markdown for content rendering.
• No CSS Frameworks: Just raw styling, intentionally minimal.
• Privacy First: No analytics, no trackers—just a pure presenter of content.
• No SEO Overhead: Focused on creation rather than optimization, preserving authenticity.

Innovative Features Embedded Within

Despite its simplicity, this website integrates some customized and experimental features:

• Styled Markdown Content: Ensuring that each article or post visually aligns with my aesthetic.
• Procedural Backgrounds: Generating dynamic backgrounds on the fly, initially CPU-bound—exploring WebGPU for smoother performance in future updates.
• Theme Awareness: Implementing light and dark modes, though adjusting cross-browser compatibility remains a challenge, especially with WebKit browsers.
• Embedded PDF Viewer: Utilizing pdf.js to display documents seamlessly. Looking for tips on customizing styles to match the site’s vibe across platforms.
• Easter Egg & Hidden Surprises: An interactive element hidden within the site—if you find it, I’d love to hear your feedback or amused roasts.
• Post Format as Commits: Structuring updates like version control commits—potentially paving the way for a lightweight CMS in the future.
• Dynamic Motion Effects: An abundance of animations and transitions—though I acknowledge it can be overwhelming. A “low motion” mode might be on the horizon for sensitive