Skip to content

SanketKumarKar/my-portfolio

Repository files navigation

πŸš€ Sanket Kumar Kar - Personal Portfolio

Portfolio GitHub License

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.

🌟 Overview

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.

✨ Key Features

  • 🎨 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

πŸ› οΈ Technologies Used

Frontend Technologies

  • HTML5 (37%) - Semantic markup and structure
  • CSS3 (50.1%) - Modern styling with Flexbox, Grid, and custom properties
  • JavaScript (12.9%) - Interactive functionality and animations

Libraries & Frameworks

Development Tools

  • Git - Version control
  • GitHub Pages - Deployment and hosting

πŸ—οΈ Project Structure

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
    └── ...

🎯 Sections

🏠 Hero Section

  • Professional introduction with typing animation
  • Call-to-action buttons for viewing projects and downloading CV
  • Interactive particle background

πŸ‘¨β€πŸ’» About Me

  • Educational background and timeline
  • Personal introduction and career focus
  • Current studies at VIT Chennai (B.Tech in CS with AI & ML specialization)

πŸš€ Featured Projects

  1. Sanskrit As Coding Language πŸ”€

    • Innovative transpiler converting Sanskrit code to Python
    • Technologies: Python, NLP, Transpiler architecture
    • View Source Code
  2. Face Recognition System πŸ‘οΈ

    • Computer vision project for facial recognition
    • Technologies: Python, OpenCV, Machine Learning
    • View Source Code
  3. Portfolio Website πŸ’»

    • This very website - modern, responsive design
    • Technologies: HTML5, CSS3, JavaScript, Multiple APIs
    • View Source Code

🎯 Technical Skills

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

πŸ† Certifications

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

πŸ“ž Contact

  • Interactive contact form with real-time validation
  • Social media links and professional profiles
  • Location information and availability status

πŸš€ Quick Start

Prerequisites

  • A modern web browser (Chrome, Firefox, Safari, Edge)
  • Internet connection (for CDN resources)

Installation & Setup

  1. Clone the repository:

    git clone https://github.com/SanketKumarKar/my-portfolio.git
    cd my-portfolio
  2. 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
  3. View in browser: Navigate to http://localhost:8000 (if using local server) or simply open index.html

🌐 Live Demo

Visit the live portfolio at: sanketkumarkar.github.io/my-portfolio

🎨 Customization

Changing Themes

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

Updating Content

  1. Personal Information: Edit the content in index.html
  2. Styling: Modify styles.css for core styles, light-mode.css for light theme
  3. Projects: Update project cards in the HTML and corresponding images
  4. Particles: Customize particles.json and particles-light.json for different effects

🀝 Contributing

This is a personal portfolio, but suggestions and improvements are welcome!

  1. Fork the repository
  2. Create a feature branch (git checkout -b feature/improvement)
  3. Commit your changes (git commit -am 'Add some improvement')
  4. Push to the branch (git push origin feature/improvement)
  5. Open a Pull Request

πŸ“ License

This project is licensed under the MIT License - see the LICENSE file for details.

πŸ“¬ Contact

Sanket Kumar Kar

πŸ™ Acknowledgments

  • 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

About

updated 4th Feb

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Contributors 2

  •  
  •