Rushi Chudasama - Portfolio

A modern, performant portfolio website built with React, TypeScript, Framer Motion, and Tailwind CSS.

🌐 Live Site

Visit Live Portfolio →

🚀 Features

• Modern UI/UX - Beautiful animations and interactions powered by Framer Motion
• Responsive Design - Fully responsive across all device sizes
• Performance Optimized - 96% Performance score on PageSpeed Insights
• Accessible - WCAG compliant with proper semantic HTML and ARIA labels
• SEO Optimized - Meta tags, structured data, and optimized images

🛠️ Tech Stack

• React 19 - UI library
• TypeScript - Type safety
• Vite - Build tool and dev server
• Framer Motion - Animation library
• Tailwind CSS - Utility-first CSS framework
• Matter.js - Physics engine for interactive elements
• React Router - Client-side routing

📦 Installation

# Install dependencies
npm install

# Start development server
npm run dev

# Build for production
npm run build

# Preview production build
npm run preview

🎨 Key Components

• Home - Hero section with typewriter effect
• About - Personal introduction and stats
• Projects - Interactive carousel showcasing projects
• Skills - Draggable physics-based skill icons
• Contact - Social links and contact information

📈 Performance

• Desktop: 96% Performance Score
• Mobile: 84% Performance Score (optimized)
• Accessibility: 100%
• Best Practices: 91%
• SEO: 91%

🔗 Links

• Live Site: https://rushichudasama.netlify.app/
• LinkedIn: Rushi Chudasama
• GitHub: @Rushi-45
• Instagram: @rushiii.js

📝 License

This project is private and proprietary.