Welcome to My First Blog -Portfolio
Building a personal portfolio is a rite of passage for any developer. But in 2026, a static page just doesn't cut it anymore. I wanted to build something that truly reflects my skills in AI/ML and modern full-stack development.
This is the story of how I built this space.
The Tech Stack
To ensure maximum performance and a seamless developer experience, I chose a bleeding-edge modern stack:
Framework: Next.js 15 (React Server Components)
Styling: Tailwind CSS with a custom Glassmorphic Design System
Database: Supabase (PostgreSQL)
Content: Tiptap Rich Text Editor
UI Components: Shadcn/ui & Vaul
Design Philosophy: Glassmorphism
If you look around the site, you'll notice a lot of frosted glass effects, subtle blurs, and organic gradients. This design trend, known as Glassmorphism, creates a sense of depth and hierarchy without feeling heavy.
I used complex Tailwind utility combinations like bg-white/70 backdrop-blur-xl border-white/20 combined with custom lighting shadows to achieve this premium aesthetic. It works beautifully in both Light and Dark modes!
Interactive Elements: The Terminal Drawer
One of my favorite features is the hidden Terminal Drawer. Instead of just linking out to my terminal-based portfolio, I integrated it directly into this site using a floating action button and an iframe drawer.
Go ahead, try clicking the floating terminal icon in the bottom right corner of the screen! It's a full mini-computer right inside the browser.