Skip to content

MisbahHaq/Cards

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

12 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Misbah Haque - Interactive Portfolio

Welcome to my interactive portfolio website! This project showcases my skills in Web & App Development, interactive design, and modern front-end technologies. It combines smooth scrolling, physics-based animations, and draggable objects to create a playful yet professional experience.


Demo

https://misbahhaque.netlify.app


Features

  • Smooth Scrolling: Implemented with Lenis for buttery smooth scroll behavior.
  • Scroll Animations: Powered by GSAP and ScrollTrigger to animate sections on scroll.
  • Physics-Based Draggable Objects: Interactive floating skills powered by Matter.js, allowing users to drag and play with objects.
  • Responsive Design: Fully responsive layout. On mobile, floating objects are hidden for better usability.
  • Navigation: Smooth section scrolling with active state highlighting for easier navigation.
  • Projects Showcase: Grid and slider layout to highlight personal projects with links.

Tech Stack

  • Front-End: HTML, CSS, JavaScript, React (optional)
  • Libraries & Tools:
    • GSAP + ScrollTrigger
    • Lenis (Smooth Scrolling)
    • Matter.js (Physics engine)
  • Deployment: Vercel / Netlify / GitHub Pages

About

Three Cards in a Row

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published