Skip to content

πŸŽƒ A creatively themed personal developer portfolio built with Next.js, Tailwind CSS, and Framer Motion β€” featuring spooky visuals, smooth animations, and fully responsive design.

License

Notifications You must be signed in to change notification settings

hamxaShaukat/spooky-portfolio

Repository files navigation

πŸ‘» Hamza Shaukat – Haunted Developer Portfolio πŸ‘¨β€πŸ’»

Welcome to the source code for my spooky-themed developer portfolio β€” an unconventional, creative take on showcasing my skills, projects, and web development journey. Built with modern tools and powered by curiosity (and a few ghosts πŸ‘€), this site highlights what I love about building for the web.

πŸ’‘ Want a more traditional version? I'm also working on a clean, professional variant for broader audiences.


πŸ“Έ Live Preview

πŸ‘‰ View Portfolio Website


πŸš€ Tech Stack

This portfolio was crafted using the modern full-stack toolkit:

  • Next.js – React Framework for SSR and routing
  • Tailwind CSS – Utility-first CSS for rapid UI design
  • Framer Motion – Smooth animations and transitions
  • TypeScript – Type-safe development
  • Prisma – ORM for database interaction (future backend integration)
  • MongoDB – Potential backend stack
  • Clerk – Authentication (for future dashboard versions)

🧠 Features

  • πŸŽƒ Spooky theme with custom ghost visuals and sound
  • 🧭 Responsive layout for all devices
  • βš™οΈ Scroll-based animations (Framer Motion)
  • πŸ”— Easy access to project GitHub repos and live demos
  • πŸ“„ Downloadable resume + full contact info
  • πŸ’Ό Projects displayed with stack icons and links


πŸ“¦ Getting Started (Local Dev)

# Clone the repository
git clone https://github.com/hamxashaukat/spooky-portfolio.git

# Navigate to the project
cd spooky-portfolio

# Install dependencies
npm install

# Start the local server
npm run dev

πŸ“œ License

MIT

πŸ“© Contact

Email: hamzashaukat714@gmail.com | LinkedIn: Hamza Shaukat

About

πŸŽƒ A creatively themed personal developer portfolio built with Next.js, Tailwind CSS, and Framer Motion β€” featuring spooky visuals, smooth animations, and fully responsive design.

Topics

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published