Professional portfolio

Modern, high-performance personal portfolio website built to showcase my skills, projects, and professional journey. This full-stack application serves as a central hub for my digital presence, featuring a dynamic blog, project case studies, and a secure admin dashboard for content management.

Live Demo View Source

The Problem

As a developer, I needed a centralized, professional platform to aggregate my knowledge, projects, and CV. Relying on scattered repositories or static LinkedIn profiles wasn't enough to demonstrate my full-stack capabilities or provide a curated narrative of my work. I needed a solution that was easy to update, sharable, and reflective of my current technical expertise.

The Solution

I architected and built a custom web application from scratch, replacing generic CMS solutions to showcase technical expertise, with a custom CMS for managing projects and blogs, secure authentication with role-based access control, high performance using SSR and SSG for SEO and fast loads, and a responsive, accessible UI with dark mode and smooth animations.

My Role

Lead Full-Stack Developer

Tech Stack

Next.jsTypeScriptMongoDBTailwind CSSAuth.jsVercel

Key Decisions

1
Adopting Next.js 15 & React 19: I chose the bleeding-edge stack to leverage Server Actions and the latest React features, ensuring the application is future-proof and performant, despite the complexity of navigating early-stage documentation.
2
Custom Auth Implementation: Instead of a drop-in service like Clerk, I implemented Auth.js v5 with a custom MongoDB adapter. This demonstrated deep understanding of session management, secure cookies, and OAuth flows while avoiding vendor lock-in.
3
Tailwind CSS v4: I migrated to the latest Tailwind version to utilize its improved JIT engine and CSS-variable based configuration, resulting in a significantly smaller bundle size and more maintainable stylesheets.

Screenshot Gallery