Portfolio

💻 Ayush Chhanchar — Developer Portfolio

This is my personal, fully animated and responsive developer portfolio built with React, TypeScript, Tailwind CSS, Framer Motion, and GSAP. It showcases my projects, skills, experience, and technical creativity with high-level animations and smooth interactions.

🚀 Features

• ⚡ Fully responsive & mobile-friendly
• 🎬 Scroll-based animations using Framer Motion
• 💫 Interactive hover effects and expanding project cards
• 📦 3D tilt effects on cards using custom hooks
• 🎯 Smooth section tracking with animated navbar
• 🌀 Custom GSAP timelines (education, skills, etc.)
• 🖱️ Project cards expand on hover to reveal details
• 📄 Resume download button with animation
• 🔗 External links (GitHub, LinkedIn, Email)

🛠️ Tech Stack

• Frontend: React, TypeScript, Vite, Tailwind CSS
• Animations: Framer Motion, GSAP
• Icons: React Icons
• Scroll Handling: smooth-scroll for buttery smooth anchor transitions

📂 Project Structure

src/ │ ├── components/ # Reusable UI components (Navbar, Blob, etc.) ├── sections/ # Full-page sections like Hero, About, Projects, etc. ├── hooks/ # Custom React hooks (useTilt3D, useSmoothScroll) ├── utils/ # Animation configs (framer variants, motion presets) ├── assets/ # Project images, personal photo ├── App.tsx # Root layout └── main.tsx # Entry point

bash Copy Edit

🖼️ Screenshots

Hero Section	Projects Section

Add your own screenshots to /screenshots and update these links.

📦 Installation & Development

# 1. Clone the repo
git clone https://github.com/ayushchhanchar/portfolio.git
cd portfolio

# 2. Install dependencies
npm install

# 3. Start development server
npm run dev
Visit http://localhost:5173 to see it live.

🧠 Credits & Inspiration
Inspired by modern dev portfolios like saravana.vercel.app and golammorsed.vercel.app

Uses Framer Motion and GSAP for advanced UI animations

3D tilt from custom useTilt3D React hook

📬 Contact
💼 LinkedIn

💻 GitHub

✉️ chhancharayush007@gmail.com