🚀 Personal Portfolio

A modern, responsive, and animated portfolio website built with React 19, Framer Motion, and Tailwind CSS. This project showcases personal work, skills, and projects through a clean, performant, and accessible user interface.

🔗 Live Demo

👉 Link

---

✨ Features

• 🚀 Modern Animations
  Smooth and performant animations powered by Framer Motion.

• 👁️ Scroll-based Interactions
  Scroll-triggered animations and effects using React Intersection Observer.

• 🖥️ Responsive Design
  Fully responsive layout with Tailwind CSS, optimized for all devices.

• ⚛️ Component-Based Architecture
  Clean, modular React components for scalability and reusability.

• 🔍 SEO Optimization
  Dynamic meta tags management using React Helmet.

• 🧪 Testing Setup
  Ready for unit and integration tests with React Testing Library.

• 💡 Modern React Practices
  Built using React 19 features including hooks and modern patterns.

📂 Tech Stack

• React 19
• Framer Motion – modern animations
• Lucide React – clean, minimal icons
• React Helmet – SEO meta tags management
• React Intersection Observer – scroll-based animations
• Tailwind CSS (via PostCSS)
• React Testing Library – unit and DOM testing utilities
• React Scripts – build tools (Create React App)

---

🛠️ Getting Started

1. Clone the Repository

git clone https://github.com/HussainShafayet/portfolio.git
cd portfolio

2. Start the Development Server

npm start

🏗️ Build

npm run build

🤝 Contributing

• Fork the repo
• Create a new branch: git checkout -b feature-name
• Commit changes: git commit -m "Add feature"
• Push your branch: git push origin feature-name
• Open a Pull Request 🚀

📄 License

This project is licensed under the MIT License.

✍️ Author

Created and maintained by Shafayet Hussain.
Feel free to connect or reach out for feedback and collaboration!