Tanush Bhootra's Portfolio

Welcome to my personal portfolio website. This is a modern, fully responsive web application that showcases my projects, skills, certifications, and more. The site is designed with a focus on creativity, performance, and clean UI/UX.

---

Tech Stack

• React.js (with functional components and hooks)
• Framer Motion (for advanced UI animations)
• GSAP (for scroll and timeline animations)
• HTML5, CSS3, JavaScript (core web technologies)
• Lenis (for ultra-smooth scrolling)
• Responsive, mobile-first design
• Custom React components (e.g., ShinyText, Timeline, SplitText, Custom Cursor)

---

Features

• About Me section with animated introduction
• Project cards with interactive 3D tilt and smooth entrance animations
• Experience timeline with GSAP and Framer Motion
• Certifications & Courses section with 3D tilt and professional styling
• Animated skills title with unique spring/flip effect
• Custom character trail cursor (canvas-based, with circle indicator, auto-hides on mobile)
• Super smooth scrolling for a modern, fluid feel
• Mobile optimizations: cursor and effects auto-disable for best UX
• Dark-themed, fully responsive layout
• Optimized assets and fast performance

---

Getting Started

1. Clone the repository:

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

2. Install dependencies:

   npm install

3. Start the development server:

   npm run dev

---

Folder Structure

src/
│
├── components/
│   ├── LandingCmp1.jsx
│   ├── Timeline.jsx
│   ├── CertificationItem.jsx
│   ├── Certifications.jsx
│   └── ...
│
├── assets/
│   └── images, ...
│
├── App.jsx
└── main.jsx

---

Custom Animations

• SplitText: Reveals each letter/line smoothly
• GSAP + ScrollTrigger: Bouncy section reveals, timeline animations
• Framer Motion: Smooth transitions, item fades, 3D tilts, and slides
• Lenis: Ultra-smooth, inertia-based scrolling
• Custom Cursor: Canvas-based character trail and circle, hidden on mobile

---

✨ Developed by Tanush Bhootra