Resume Portfolio

A modern, interactive resume portfolio showcasing professional experience and skills with stunning visual effects and smooth animations.

🎨 Overview

This portfolio features a sleek, dark-themed design with interactive elements, custom cursor effects, and smooth scrolling. Built with modern web technologies to create an engaging user experience.

🧩 Components

Main Sections

• Hero - Introduction section with animated typing effects and visual elements
• About - Personal and professional background
• Experience - Career timeline and work history
• Contact - Contact form and information

UI Components

• CustomCursor - Interactive custom cursor with magnetic effects
• PrismaticBurst - Animated prismatic visual effects
• ColorBends - Color gradient animations
• MagnetCard - Cards with magnetic hover effects
• Timeline - Animated timeline component for experience display

📚 Libraries & Technologies

Core

• React (^18.3.1) - UI framework
• TypeScript (^5.5.3) - Type safety
• Vite (^5.4.2) - Build tool and dev server
• Tailwind CSS (^4.1.15) - Utility-first CSS framework

Animation & Graphics

• GSAP (^3.13.0) - Animation library
• Motion (^12.23.24) - React motion library
• Three.js (^0.181.0) - 3D graphics library
• OGL (^1.0.11) - Minimal WebGL library

UI & Icons

• Lucide React (^0.344.0) - Icon library
• Class Variance Authority (^0.7.1) - Component variants
• clsx (^2.1.1) - Conditional className utility
• tailwind-merge (^3.3.1) - Merge Tailwind classes

🚀 Getting Started

Installation

pnpm install

Development

pnpm dev

Build

pnpm build

📝 Note

This project is solely developed by vibe coding.