HPX. Dev - Full Stack Developer Portfolio

A modern, fully animated portfolio website for a Full Stack Developer built with vanilla HTML, CSS, and JavaScript.

Features

• Animated Background - Floating gradient glows with parallax effect
• Custom Cursor - Interactive cursor with hover effects
• Smooth Animations - Fade-in, slide-up, and float animations
• Counter Animation - Animated statistics counters
• Particle Effects - Floating particles in the background
• Responsive Design - Mobile-first approach, works on all devices
• Scroll Animations - Elements reveal on scroll
• Interactive Cards - Hover effects on skill and project cards
• Contact Form - Animated form with submission feedback
• Loading Screen - Smooth loading transition

Color Palette

Color	Hex Code	Usage
Primary Dark	#29103A	Background
Primary	#331052	Secondary background
Accent	#8121D0	Buttons, highlights
Cyan	#0CCFED	Accents, links
Light Purple	#E1BBED	Text, subtle elements
White	#FFFFFF	Text, cards

Sections

1. Hero - Introduction with profile image and social links
2. Stats - Experience and project statistics with tech icons
3. About - Personal description and background
4. Skills - Technology stack with animated cards
5. Projects - Portfolio showcase with hover overlays
6. Contact - Contact form and information
7. Footer - Social links and credits

Technologies Used

• HTML5
• CSS3 (Custom Properties, Flexbox, Grid, Animations)
• Vanilla JavaScript (ES6+)
• Font Awesome Icons
• Google Fonts (Poppins)

Getting Started

Simply open index.html in your browser to view the portfolio.

File Structure

├── index.html          # Main HTML file
├── styles.css          # All styles and animations
├── script.js           # JavaScript interactions
├── portfolio/
│   └── assets/         # Images and original build files
└── README.md           # This file

Customization

1. Update personal information in index.html
2. Replace images in portfolio/assets/
3. Modify colors in CSS :root variables
4. Add/remove skills and projects as needed

Browser Support

• Chrome (latest)
• Firefox (latest)
• Safari (latest)
• Edge (latest)

DEVELOPER