Portfolio Website

A modern, fully responsive portfolio website showcasing Full-Stack Developer skills, projects, and contact information. Built with vanilla HTML, CSS, and JavaScript with animated particle effects and form integration.

✨ Features

• Responsive Design - Mobile-first approach, works on all devices
• Animated Particles - Dynamic background particle effects with performance optimization
• Mobile Navigation - Hamburger menu for seamless mobile experience
• Contact Form - Integrated with Formspree for email submissions
• Form Validation - Client-side validation with user-friendly error messages
• Social Links - Direct links to LinkedIn, GitHub, Behance, and email
• Project Showcase - Display of completed projects with demo and source links
• Smooth Animations - Fade-in effects and transitions for enhanced UX
• Accessibility - Semantic HTML5 structure with ARIA labels

🛠️ Tech Stack

• HTML5 - Semantic markup
• CSS3 - Flexbox, Grid, Animations, Media Queries
• Vanilla JavaScript - No frameworks or dependencies
• Formspree - Backend form handling
• Google Fonts - Montserrat & Space Grotesk typography

📁 Project Structure

portfolio-website/
├── index.html          # Main HTML file
├── styles.css          # All styling & animations
├── reset.css           # CSS reset
├── script.js           # JavaScript functionality
├── README.md           # This file
└── images/             # Project images & favicon

📱 Responsive Breakpoints

• Mobile: 0px - 768px
• Tablet: 769px - 1024px
• Desktop: 1025px+

🔒 Security Features

• ✅ rel="noopener noreferrer" on external links
• ✅ CSRF protection hints in form headers
• ✅ Form validation on client & server
• ✅ No sensitive data exposed

🚀 Deployment

Deployed on Netlify

📧 Contact

• Email: lopatina.iryna@gmail.com
• LinkedIn: LinkedIn Profile
• GitHub: GitHub Profile
• Behance: Behance Profile

🙏 Credits

• Particle animation system
• Formspree for form handling
• Google Fonts for typography

---

Made with ❤️ by Iryna Lopatina