Welcome to my interactive personal portfolio website! This modern, responsive portfolio showcases my journey as an AI/ML Developer and AI Tools Expert. Built entirely from scratch using cutting-edge web technologies and enhanced with AI assistance.
This portfolio website represents my professional journey, featuring my projects, technical skills, certifications, and educational background. The site offers an immersive experience with dynamic animations, interactive elements, and a sleek dark/light theme toggle.
- π¨ Modern Design: Clean, professional interface with neon-themed dark mode and Google-inspired light mode
- π± Fully Responsive: Optimized for all devices - desktop, tablet, and mobile
- π Theme Toggle: Seamless switching between dark and light themes
- π Interactive Animations: Smooth transitions, particle effects, and scroll-triggered animations
- π§ Contact Form: Functional contact form with EmailJS integration
- β‘ Performance Optimized: Fast loading with optimized assets and animations
- βΏ Accessible: Built with accessibility best practices
- HTML5 (37%) - Semantic markup and structure
- CSS3 (50.1%) - Modern styling with Flexbox, Grid, and custom properties
- JavaScript (12.9%) - Interactive functionality and animations
- Particles.js - Interactive particle background effects
- GSAP - High-performance animations
- AOS - Animate On Scroll library
- EmailJS - Contact form functionality
- Font Awesome - Icon library
- Google Fonts - Typography (Roboto, Pacifico)
- Git - Version control
- GitHub Pages - Deployment and hosting
my-portfolio/
βββ index.html # Main HTML file
βββ styles.css # Core styling
βββ light-mode.css # Light theme styles
βββ theme-toggle.css # Theme switcher styles
βββ transitions.css # Animation transitions
βββ script.js # Main JavaScript functionality
βββ theme.js # Theme switching logic
βββ particles.json # Particle effects config (dark theme)
βββ particles-light.json # Particle effects config (light theme)
βββ README.md # Project documentation
βββ FinalResume.pdf # Downloadable resume
βββ avatar.jpeg # Profile image
βββ project1.jpeg # Sanskrit coding language project
βββ project2.jpeg # Face recognition project
βββ project3.jpeg # Portfolio website project
βββ Certificates/ # Certification images
βββ certificate1.jpeg
βββ certificate2.jpeg
βββ ...
- Professional introduction with typing animation
- Call-to-action buttons for viewing projects and downloading CV
- Interactive particle background
- Educational background and timeline
- Personal introduction and career focus
- Current studies at VIT Chennai (B.Tech in CS with AI & ML specialization)
-
Sanskrit As Coding Language π€
- Innovative transpiler converting Sanskrit code to Python
- Technologies: Python, NLP, Transpiler architecture
- View Source Code
-
Face Recognition System ποΈ
- Computer vision project for facial recognition
- Technologies: Python, OpenCV, Machine Learning
- View Source Code
-
Portfolio Website π»
- This very website - modern, responsive design
- Technologies: HTML5, CSS3, JavaScript, Multiple APIs
- View Source Code
Programming Languages:
- Python, JavaScript, Java, C++, HTML5, CSS3
AI/ML Technologies:
- Machine Learning, Deep Learning, Computer Vision
- Natural Language Processing, Data Science
- TensorFlow, PyTorch, Scikit-learn
Professional certifications from leading technology companies:
- Microsoft: GitHub Copilot Fundamentals, Introduction to GitHub & GitHub Copilot
- Google Cloud: Introduction to Generative AI
- NVIDIA: Fundamentals of Deep Learning, CUDA Python
- Be10X: AI Tools and ChatGPT
- Interactive contact form with real-time validation
- Social media links and professional profiles
- Location information and availability status
- A modern web browser (Chrome, Firefox, Safari, Edge)
- Internet connection (for CDN resources)
-
Clone the repository:
git clone https://github.com/SanketKumarKar/my-portfolio.git cd my-portfolio
-
Open locally:
# Option 1: Open directly in browser open index.html # Option 2: Use a local server (recommended) # Using Python python -m http.server 8000 # Using Node.js (if you have live-server installed) npx live-server # Using PHP php -S localhost:8000
-
View in browser: Navigate to
http://localhost:8000
(if using local server) or simply openindex.html
Visit the live portfolio at: sanketkumarkar.github.io/my-portfolio
The website automatically adapts to your system preference, but you can manually toggle between:
- Dark Mode: Neon-themed with particle effects
- Light Mode: Google-inspired clean design
- Personal Information: Edit the content in
index.html
- Styling: Modify
styles.css
for core styles,light-mode.css
for light theme - Projects: Update project cards in the HTML and corresponding images
- Particles: Customize
particles.json
andparticles-light.json
for different effects
This is a personal portfolio, but suggestions and improvements are welcome!
- Fork the repository
- Create a feature branch (
git checkout -b feature/improvement
) - Commit your changes (
git commit -am 'Add some improvement'
) - Push to the branch (
git push origin feature/improvement
) - Open a Pull Request
This project is licensed under the MIT License - see the LICENSE file for details.
Sanket Kumar Kar
- π Portfolio: sanketkumarkar.github.io/my-portfolio
- π§ Email: Contact through portfolio
- πΌ LinkedIn: Connect with me
- π GitHub: @SanketKumarKar
- AI Assistance: Built with the help of AI tools for enhanced development efficiency
- Open Source: Thanks to all the open-source libraries and tools used
- Inspiration: Modern web design trends and best practices
- Community: The developer community for continuous learning and support
β Star this repository if you found it helpful! β
Last updated: February 2025