Skip to content

Hamza-Rafique/portfolio-site

Repository files navigation

🌐 Personal Portfolio — Next.js + Tailwind CSS

Next.js React Tailwind CSS TypeScript Vercel

A modern, clean, and fully responsive developer portfolio built using Next.js 14, Tailwind CSS, and TypeScript.
Designed to highlight my professional experience, skills, and projects in a visually appealing way — optimized for speed, SEO, and scalability.


🚀 Live Demo

🔗 Live Portfolio: https://hamza-rafique.vercel.app/
🔗 GitHub Repo: _(https://github.com/Hamza-Rafique/portfolio-site)


📸 Preview

Add your screenshots inside /public/screenshots and replace paths below.

🖼️ Home Page

🖼️ Projects Page


✨ Features

  • ⚡ Built with Next.js App Router
  • 🎨 Tailwind CSS for stunning UI & responsive design
  • 🧩 Modular & reusable components
  • 📱 Fully mobile-friendly
  • 🌙 Dark/Light Mode (if used)
  • 🚀 Optimized performance with server components
  • 🔍 Professional-level SEO & metadata setup
  • 🔐 Contact form ready (hook it to email or API)
  • 📝 Clean folder structure for scaling

🛠️ Tech Stack

Technology Purpose
Next.js 14 Framework & routing
React UI building
Tailwind CSS Styling
TypeScript Type safety
Shadcn UI UI components (optional)
Framer Motion Animations (optional)

📬 Contact

If you'd like to collaborate, hire me, or discuss a project:


⭐ Support the Project

If you found this portfolio helpful or inspirational: 👉 Give it a star! ⭐ Your support motivates me to build more amazing projects.

About

A modern and fully responsive personal portfolio built with Next.js 14, TypeScript, and Tailwind CSS. Showcasing my experience as aSenior Full Stack Engineer building secure enterprise platforms— optimized for performance, SEO, and a clean developer-friendly structure.

Topics

Resources

Stars

0 stars

Watchers

1 watching

Forks

Releases

No releases published

Packages

 
 
 

Contributors