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
- 🎨 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
- HTML5 - Semantic markup
- CSS3 - CSS Variables, Flexbox, Grid, Animations
- JavaScript (ES6+) - Vanilla JS, no frameworks
- GitHub Pages - Static site hosting
.
├── 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
This site is automatically deployed via GitHub Pages:
- I can push changes to the
mainbranch - GitHub Pages automatically builds and deploys
- any changes are live within 1-2 minutes at
https://jjaspreetsingh.com
- Persists preference in localStorage
- Respects system preference on first visit
- Smooth color transitions
- Hamburger menu for mobile devices
- Slide-in animation
- Auto-closes on outside click
- Fade-in on scroll
- Smooth hover effects
- Gradient animations
- Breakpoint at 768px
- Mobile-optimized layouts
- Touch-friendly buttons
This project is open source and available under the MIT License.
Contributions, issues, and feature requests are welcome! Feel free to check the issues page.
Jaspreet Singh
- GitHub: @jjaspreetsingh
- LinkedIn: jjaspreetsingh
- 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!