Personal Portfolio Website

A modern, responsive portfolio website built with React, TypeScript, and Tailwind CSS. Features smooth animations, interactive components, and a dynamic project showcase.

🌟 Features

• Responsive Design: Fully responsive layout that works on all devices
• Dark/Light Theme: Toggle between dark and light modes
• Dynamic Project Showcase: Automatically fetches and displays GitHub repositories
• Interactive Animations:
  • Particle network background
  • GSAP-powered scroll animations
  • Framer Motion transitions
• Real-time Components:
  • Live clock display
  • Typewriter effect
  • Interactive social links
• Performance Optimized:
  • Lazy loading
  • Optimized animations
  • Error boundary implementation

🛠️ Technologies Used

• Frontend Framework: React with TypeScript
• Styling: Tailwind CSS
• Animations:
  • Framer Motion
  • GSAP (GreenSock)
• Icons: React Icons
• Other Libraries:
  • react-scroll
  • @react-spring/web

🚀 Key Components

• Home: Landing page with particle animation background
• About: Interactive about section with GSAP animations
• Projects: Dynamic GitHub repository showcase
• Skills: Comprehensive skills display
• Contact: Contact form with validation
• Navigation: Responsive navbar with smooth scrolling

🔧 Installation & Setup

1. Clone the repository

Built With

• css
• html
• javascript
• typescript