Jaspreet Singh // portfolio website

A modern, responsive portfolio website showcasing my analytical skills, technical projects, and professional experience. Built with vanilla HTML, CSS, and JavaScript.

🌐 Live Site: https://jjaspreetsingh.com

✨ Features

• 🎨 Light/Dark Theme Toggle - Persistent theme preference with smooth transitions
• 📱 Fully Responsive Design - Mobile-first approach with hamburger menu
• 🎯 Smooth Animations - Intersection Observer API for scroll-triggered animations
• ⬆️ Scroll to Top Button - Appears after scrolling down
• 🎭 Interactive Elements - Hover effects and transitions throughout
• ♿ Accessible - ARIA labels and semantic HTML
• ⚡ Fast Loading - No external dependencies, pure vanilla JavaScript
• 🎨 Modern UI/UX - Gradient effects, shadows, and clean design

🛠️ Technologies Used

• HTML5 - Semantic markup
• CSS3 - CSS Variables, Flexbox, Grid, Animations
• JavaScript (ES6+) - Vanilla JS, no frameworks
• GitHub Pages - Static site hosting

📁 Project Structure

.
├── index.html          # Home page
├── about.html          # About page
├── projects.html       # Projects showcase
├── contact.html        # Contact information
├── styles.css          # All styles and themes
├── script.js           # JavaScript functionality
├── README.md           # This file
└── SECURITY.md         # Security policy

Deployment

This site is automatically deployed via GitHub Pages:

1. I can push changes to the main branch
2. GitHub Pages automatically builds and deploys
3. any changes are live within 1-2 minutes at https://jjaspreetsingh.com

📱 Features Breakdown

Theme Toggle

• Persists preference in localStorage
• Respects system preference on first visit
• Smooth color transitions

Mobile Navigation

• Hamburger menu for mobile devices
• Slide-in animation
• Auto-closes on outside click

Animations

• Fade-in on scroll
• Smooth hover effects
• Gradient animations

Responsive Design

• Breakpoint at 768px
• Mobile-optimized layouts
• Touch-friendly buttons

📝 License

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

🤝 Contributing

Contributions, issues, and feature requests are welcome! Feel free to check the issues page.

📧 Contact

Jaspreet Singh

• GitHub: @jjaspreetsingh
• LinkedIn: jjaspreetsingh

🙏 Acknowledgments

• Design inspired by modern minimalist portfolios and personal preference of design
• Icons and emojis for visual enhancement
• GitHub Pages for free hosting

---

⭐ If you find this project helpful, please consider giving it a star!