Back to work

Crafting this portfolio

The “why” behind my choices.

Crafting this portfolio
Composition
Individual effort

This write-up describes the original portfolio build. The current site is a fresh rebuild with a new design.

The beauty of less

Design minimalism is all about balance. Every component, color, and piece of text was chosen intentionally, so the design reads as clarity and focus rather than feeling bare.

A background that breathes

A moving gradient background adds depth and a dynamic ambiance. The negative space is accentuated by tsParticles — slow-moving SVGs tailored to each page, reminiscent of the tranquility of space, complementing the content without overshadowing it.

Not so fancy transition animation

Lightweight animations, built with Framer Motion, balance aesthetics and functionality.

Quick peeks and jumps

A “quick nav” feature lets visitors immediately spot and leap to their points of interest, keeping engagement high.

A gentle reminder of where you are

A fixed content header acts as a compass, always giving visitors a reference point that grounds the experience.

Instant shares and cheers

Integrated share buttons make passing along an insight effortless, broadening reach and connectivity.

A friendly handshake with Google

Google authentication via Firebase Auth adds security and a familiar, frictionless way to interact.

The secret ingredients

For those intrigued by the tech behind the magic:

  • Next.js — optimal performance and SEO through server-side rendering.
  • TailwindCSS — rapid, bloat-free styling.
  • TypeScript — static typing for a more resilient, maintainable codebase.

In closing

Every decision here is a testament to careful consideration, all aimed at delivering a stellar experience for you, the visitor.

Built with