My Portfolio A one-page portfolio I designed and built end to end: dark, one loud accent colour, and big uppercase type.

The experience

Binary intro: two panels of flickering 0s and 1s that settle letter by letter into "CLICK HERE", then slide apart to show the page. Escape, Enter, a scroll or a swipe also opens it, and it never blocks deep links or visitors who turn motion off.

Projects that play themselves: hovering a card plays through that product's screens (HR Mitra, Sululu.fun, WhatDish, Kya Khaoon).

Live YouTube section: videos and the subscriber count update from the YouTube Data API, with a fixed list to fall back on.

Tilted marquees, scroll-reveal animations and polaroid-style "off-duty" cards, all with a Motion on/off switch for accessibility.

A language selector using Google's website translator, and a contact form that sends real email.

Under the hood

Next.js 16 (App Router), React 19 and Tailwind CSS v4, statically rendered and SEO-ready with generated OG/Twitter images, a sitemap and robots.txt

The page is server-rendered underneath the intro, so search engines and no-JS visitors see all the content

All the text lives in three content files, and a pre-deploy test fails if any placeholder text is left

Tested with Vitest unit tests and Playwright end-to-end tests on desktop Chrome and a mobile profile (accessibility smoke checks, no horizontal overflow, the contact form, hover-to-play)

Containerised with Docker and deployed to Google Cloud Run through Cloud Build

Live: neerajmahapatra.online