A modern, responsive portfolio website showcasing expertise in Cloud Architecture, AI/ML Engineering, and Cybersecurity.
- Responsive Design: Optimized for desktop, tablet, and mobile devices
- Dark/Light Mode: Seamless theme switching with persistent user preference
- Interactive Elements: Animated transitions, progress indicators, and dynamic content
- Project Showcase: Filterable portfolio with detailed project descriptions
- Secure Contact Form: Client-side validation with accessibility features
- Performance Optimized: Efficient loading and rendering strategies
- HTML5, CSS3, JavaScript (ES6+)
- Responsive design with CSS Grid and Flexbox
- Box Icons: Icon library
- AOS: Animate on scroll library
- Swiper.js: Touch-enabled slider
- ScrollReveal: Element reveal animations
- Progressive Web App (PWA) support
- Structured data implementation (JSON-LD)
- Meta tags optimization (OpenGraph, Twitter Cards)
- XML sitemap and robots.txt configuration
My-Portfolio/
├── index.html # Main entry point
├── css/
│ └── style.css # Complete styling
├── js/
│ └── script.js # All interactive functionality
├── images/ # Asset storage
├── favicon/ # Favicon assets
├── secure/ # Protected resources
│ ├── resume.pdf # Secured resume file
│ └── .htaccess # Access control configuration
├── manifest.json # PWA configuration
├── site.webmanifest # Web app manifest
├── robots.txt # Search engine directives
├── sitemap.xml # XML sitemap
└── README.md # Project documentation
- Modern web browser (Chrome, Firefox, Safari, Edge)
-
Clone the repository:
git clone https://github.com/Soumo-git-hub/My-Portfolio.git
-
Navigate to the project directory:
cd My-Portfolio -
Open
index.htmlin your preferred browser
This is a static website that can be deployed to any web hosting service:
- GitHub Pages
- Resume download protection with math challenge verification
- Secure file access controls via .htaccess
- Form validation and sanitization
- Content Security Policy implementation
- Lightweight footprint with minimal external dependencies
- Optimized asset loading with preload directives
- Efficient JavaScript with event delegation
- CSS optimization for fast rendering
- Comprehensive meta tags and structured data
- Semantic HTML structure
- ARIA attributes for screen readers
- Keyboard navigation support
- Proper heading hierarchy
- Chrome (latest)
- Firefox (latest)
- Safari (latest)
- Edge (latest)
This project is licensed under the MIT License - see the LICENSE file for details.
Soumyadyuti Dey