A stunning, interactive portfolio website showcasing expertise in Marketing and Web Development with 3D animations, storytelling, and real project showcases.

• 3D Interactive Hero Section with Three.js floating geometric shapes
• Animated Portfolio Gallery with filterable project categories
• Storytelling Timeline showcasing career journey from India to USA
• GSAP-powered Animations with smooth scroll triggers
• Responsive Design optimized for all devices
• Real Project Showcases with quantified achievements
• Professional Contact Form with validation

1. Create a GitHub Repository:

   # Create a new repository on GitHub named 'portfolio' or 'joelsamson-portfolio'

2. Upload Files:

   • Upload all files (index.html, styles.css, script.js) to your GitHub repository
   • Make sure index.html is in the root directory

3. Enable GitHub Pages:

   • Go to repository Settings → Pages
   • Source: Deploy from a branch
   • Branch: main (or master)
   • Folder: / (root)
   • Click Save

4. Access Your Site:

   https://yourusername.github.io/repository-name
   

1. Direct Deployment:

   • Go to netlify.com
   • Drag and drop your project folder to Netlify
   • Get instant live URL

2. GitHub Integration:

   • Connect your GitHub repository
   • Auto-deploy on every commit
   • Custom domain support

3. Custom Domain:

   • Add your custom domain (joelsamson.com)
   • Automatic HTTPS certificate

1. Deploy from GitHub:

   • Go to vercel.com
   • Import your GitHub repository
   • Auto-deployment with every push

2. Custom Domain:

   • Add custom domain in project settings
   • Automatic HTTPS and CDN

1. Install Firebase CLI:

   npm install -g firebase-tools

2. Initialize Project:

   firebase init hosting

3. Deploy:

   firebase deploy

portfolio/
├── index.html          # Main HTML file
├── styles.css          # CSS styles and animations
├── script.js           # JavaScript functionality
├── README.md           # This file
└── .gitignore         # Git ignore file

• HTML5 - Semantic markup
• CSS3 - Modern styling with animations
• JavaScript (ES6+) - Interactive functionality
• Three.js - 3D graphics and animations
• GSAP - High-performance animations
• Font Awesome - Icons
• Google Fonts - Typography

• Chrome (recommended)
• Firefox
• Safari
• Edge
• Mobile browsers (iOS Safari, Chrome Mobile)

Main color scheme uses purple gradients:

• Primary: #667eea
• Secondary: #764ba2
• Accent: #f093fb

1. Hero - Name, title, stats, 3D animations
2. About - Education, location, certifications
3. Portfolio - Filterable project showcase
4. Story - 5-chapter career journey
5. Experience - Professional timeline
6. Skills - Animated skill bars
7. Contact - Form and social links

git init
git add .
git commit -m "Initial portfolio commit"
git branch -M main
git remote add origin https://github.com/yourusername/portfolio.git
git push -u origin main

1. Zip all files
2. Drag to netlify.com/drop
3. Get instant live URL

• Email: joelsadanandsamson@gmail.com
• Phone: 571-621-2655
• Location: Maryland, USA
• LinkedIn: linkedin.com/in/joelsamson
• GitHub: github.com/joelsamson
• Website: joelsamson.com

This project is open source and available under the MIT License.

Built with ❤️ by Joel Samson - Marketing & Web Development Specialist