A beautiful, responsive portfolio website built with HTML, CSS, and JavaScript using Apple's design system.
- Go to Netlify Drop
- Drag the entire project folder (
f:/projects/sangameshjainapurportfolio) to the drop zone - Your site will be deployed instantly with a random subdomain
- Rename your site in Netlify dashboard to something like
sangamesh-portfolio
- Push this project to GitHub
- Go to Netlify and sign in
- Click "Add new site" → "Import an existing project"
- Select GitHub and choose your repository
- Netlify will automatically detect the settings from
netlify.toml - Click "Deploy site"
# Install Netlify CLI
npm install -g netlify-cli
# Login to Netlify
netlify login
# Deploy
netlify deploy --prod├── index.html # Main portfolio website
├── _redirects # SPA routing configuration
├── netlify.toml # Netlify configuration
├── profile-pic (2).png # Profile image
├── DSC_0226.JPG # Gallery images
├── DSC_0307.JPG
├── IMG_0301.JPG.jpeg
├── IMG_1488.jpg
├── IMG_1516.jpg
├── IMG_2235.JPG.jpeg
├── IMG_4508.JPG.jpeg
├── IMG_9104.JPG.jpeg
├── IMG_9110.JPG.jpeg
├── IMG_9206.JPG.jpeg
├── 12.jpg.jpg
├── contact-form.spec.js # Test file
└── test-results/ # Test results folder
- ✅ Single Page Application (SPA) routing
- ✅ Contact form with FormSubmit.co integration
- ✅ Image gallery with smooth animations
- ✅ Fully responsive design
- ✅ Optimized caching for static assets
- ✅ Security headers configured
_redirects- Handles SPA routing for Netlifynetlify.toml- Netlify build configuration with:- SPA redirect rules
- Security headers
- Cache headers for images and static assets
- The contact form uses FormSubmit.co service (no backend needed)
- All images are served from the root directory
- The site is fully static - no build process required
After deployment, you can add a custom domain:
- Go to Domain Management in Netlify dashboard
- Click "Add custom domain"
- Follow the instructions to configure DNS
Deployed successfully! Your portfolio will be live on Netlify 🚀
hryasjhbddjhsdjhsabfhjsdbcjhsdbc