This Portfolio Website

Overview

A full-stack portfolio website built with Next.js 15 and deployed on Vercel. The site features a dual-role authentication system with a guest password and admin access protected by TOTP 2FA with trusted device cookies. An admin panel allows managing content, uploading profile photos, and viewing a visitor analytics dashboard powered by ip-api.com geo-tracking stored in Vercel KV.

My Contributions

• Designed and built the entire site from scratch with Next.js App Router and Tailwind CSS v4
• Implemented a custom JWT-based auth system with guest and admin roles
• Added TOTP 2FA for admin login (otplib) with 30-day trusted device HttpOnly cookies
• Integrated Vercel KV (Redis) for content persistence across bio, open status, and profile photo
• Built server-side visitor analytics using ip-api.com for country, city, ISP, and VPN detection
• Set up a contact form with Telegram Bot API notifications for incoming messages

Tech Breakdown

Next.js 15, React 19, TypeScript, Tailwind CSS v4, Vercel KV (@vercel/kv), otplib for TOTP 2FA, ip-api.com for visitor geo analytics, Telegram Bot API for contact notifications