🚀 Vasil Ignatov - Animated Portfolio

Modern animated portfolio website showcasing full-stack development skills and projects

🌟 Live Demo

vasilignatov.dev

📋 About

This is my personal portfolio website built with modern web technologies. It features smooth animations, interactive project cards, and a responsive design that showcases my skills as a full-stack developer.

✨ Features

• 🎬 Smooth GSAP Animations - Split-text effects, scroll-triggered animations, and hover interactions
• 📱 Responsive Design - Optimized for all devices using Tailwind CSS
• 🎥 Interactive Project Cards - Hover effects with video previews and lazy loading
• 🌊 Smooth Scrolling - Enhanced user experience with scroll-triggered animations
• 📊 Performance Optimized - Lazy loading for videos and images
• 🎨 Modern UI/UX - Clean, professional design with attention to detail

🛠️ Technologies Used

• Frontend: React 18, Vite
• Animations: GSAP, ScrollTrigger, SplitText
• Styling: Tailwind CSS
• Icons: Lucide React
• Build Tool: Vite
• Deployment: Netlify

📁 Project Structure

src/
├── components/
│   ├── About/           # About section components
│   ├── Layout/          # Navigation and layout components
│   ├── UI/              # Reusable UI components
│   ├── Hero.jsx         # Hero section
│   ├── Projects.jsx     # Projects showcase
│   ├── Work.jsx         # Work experience
│   └── Contacts.jsx     # Contact information
├── assets/
│   ├── images/          # Project images and photos
│   ├── videos/          # Project demo videos
│   ├── fonts/           # Custom fonts
│   └── pdf/             # Resume/CV
└── main.jsx             # App entry point

🚀 Getting Started

Prerequisites

• Node.js 18+
• npm or yarn

Installation

1. Clone the repository

   git clone https://github.com/vasilignatov/whois-vasil.git
   cd whois-vasil

2. Install dependencies

   npm install

3. Start development server

   npm run dev

4. Build for production

   npm run build

🎯 Key Sections

• Hero - Introduction with animated text and video
• About - Personal information and coding journey
• Projects - Interactive showcase of development projects
• Work - Professional experience and skills
• Contact - Get in touch information

📈 Performance Features

• Lazy Loading - Videos and images load only when needed
• Optimized Assets - Compressed images and videos
• Smooth Animations
• Responsive Images

🤝 Contact

Vasil Ignatov
Full-stack Developer

• 🌐 Website: vasilignatov.dev
• 💼 LinkedIn: linkedin.com/in/vasil-ignatov-ignatov
• 📧 Email: vasilignatow@gmail.com
• 🐙 GitHub: github.com/vasilignatov

= ⭐ If you found this project interesting, please consider giving it a star!