Hashir's Portfolio

My personal portfolio website built with Next.js 15 and Tailwind CSS.

Live: hashir.fyi

Features

• Interactive Easter Eggs - Play chess against me (~1200 ELO AI), try the tennis game, and discover hidden quotes
• Spotify Integration - Real-time display of what I'm currently listening to
• Mini Games - Built-in chess and tennis games with full game logic
• Responsive Design - Fully responsive across all devices

Tech Stack

• Next.js 15 (React 19)
• TypeScript
• Tailwind CSS
• chess.js (for chess game logic)
• Spotify Web API
• Vercel

Easter Eggs 🥚

• Click "chess" in the About section to play against my AI
• Click "tennis court" to play a mini tennis game
• Find the 💭 button for rotating developer quotes

Development

# Clone
git clone https://github.com/mhashir03/Portfolio.git

# Install
npm install

# Setup environment
cp .env.example .env.local
# Add Spotify credentials

# Run
npm run dev

License

Personal portfolio - feel free to draw inspiration, but please create something unique to you!

---

Built by Muhammad Hashir