Chitranjan Kumar Gupta - Portfolio & Personal Website
Personal engineering portfolio, technical blog, and software showcase built with Next.js 16 (App Router), React 19, Tailwind CSS, MDX with CodeHike, and fully automated testing (Vitest, Playwright, pre-deploy verification).
🚀 Features
- 8 Multi-Design Systems: Aurora (Glassmorphism), Tron (Cyberpunk), Warfare (Tactical COD), CyberSec (Red Team / Hacker), Indic (Heritage & Festivals), Cupertino (Apple UI), Modern (Minimalist), and Ares (Brutalist).
- Interactive Terminal & Matrix Rain: Authentic retro katakana canvas streams with customizable palettes.
- Dynamic Blogs with Notion & MDX: Synchronized markdown articles with CodeHike code highlighting and YouTube media embeds.
- Interactive Retro Snake Game: Live arcade game embedded with dynamic design and theme shifting.
- Interactive Festival Celebrations: Chhath Puja, Diwali fireworks, Holi gulal, Dussehra arrows, and Raksha Bandhan sparks with interactive canvas effects and festive audio player.
- Complete Test Pipeline: Vitest unit tests, Playwright E2E browser tests, and zero-dependency static artifact verification.
🛠️ Getting Started
First, install dependencies:
Run the development server:
Open http://localhost:3000 with your browser to explore the portfolio.
🧪 Testing & Quality Assurance
# Run complete test suite (Unit + Pre-Deploy Verify + E2E)
npm test
# Run unit tests only (Vitest)
npm run test:unit
# Run static HTML, sitemap & robots verification
npm run test:verify
# Run real browser E2E smoke tests (Playwright)
npm run test:e2e
# Run linter
npm run lint
📦 Production Build