Yash Vardhan - Portfolio

A dark-themed portfolio built with Next.js, with a real-time status widget pulling live Discord, Spotify, and VS Code activity through the Lanyard API.

Lighthouse scores

• Performance: 99/100
• Accessibility: 99/100
• Best Practices: 100/100
• SEO: 100/100

Features

• Dark theme - near-black (#050505) background, custom typography and spacing.
• Live status widget - footer widget showing real-time Discord presence, active VS Code session, and Spotify playback via the Lanyard API.
• Custom loading state and page transitions - built with framer-motion.
• Programmatic scroll navigation - smooth-scroll implemented directly instead of relying on native anchor links, for consistent behavior across mobile and desktop.

Tech stack

• Framework: Next.js
• Styling: Tailwind CSS
• Animation: Framer Motion + GSAP Motion
• Data: REST API
• Deployment: Vercel

Local development

git clone https://github.com/yash-pluto/portfolio.git
cd portfolio/frontend
npm install
npm run dev

Then open http://localhost:3000.

Yash Vardhan Portfolio · GitHub · LinkedIn