Skip to content

Personal portfolio website showcasing my skills, projects, certifications, and experience. Built with HTML, CSS, and JavaScript, featuring modern UI, animations, and responsive design. Designed to highlight my journey and work as a budding Data Science / ML enthusiast.

Notifications You must be signed in to change notification settings

PRODHOSH/portfolio

Folders and files

NameName
Last commit message
Last commit date

Latest commit

Β 

History

51 Commits
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 

Repository files navigation

🌌 PRODHOSH V.S - Portfolio

Portfolio Banner

Portfolio LinkedIn GitHub Email


🎭 About This Project

A stunning, interactive portfolio website featuring particle animations, glassmorphism UI, and smooth transitions built with pure HTML, CSS, and JavaScript.

This portfolio showcases my journey as a Data Science enthusiast and aspiring ML Engineer, combining modern web design with cutting-edge visual effects to create an immersive user experience.

✨ Key Features

const portfolio = {
    design: "🎨 Modern Glassmorphism UI",
    animations: "🌟 Particle System Background",
    responsive: "πŸ“± Mobile-First Design",
    sections: ["Hero", "About", "Skills", "Education", "Projects", "Certifications", "Contact"],
    techStack: ["HTML5", "CSS3", "JavaScript", "Three.js"],
    theme: "🌌 Purple Cosmic Aesthetic"
};

πŸš€ Live Demo


πŸ› οΈ Tech Stack

Frontend Libraries Tools
HTML5 Three.js Git
CSS3 Font Awesome GitHub
JavaScript Particles VS Code

πŸ“‚ Project Structure

portfolio/
β”‚
β”œβ”€β”€ πŸ“„ index.html              # Main HTML file
β”œβ”€β”€ 🎨 Particles.css           # Particle system styles
β”œβ”€β”€ ⚑ simple-particles.js     # Particle animation engine
β”‚
β”œβ”€β”€ πŸ–ΌοΈ assets/
β”‚   β”œβ”€β”€ DP Photo.jpg           # Profile image
β”‚   β”œβ”€β”€ cert2.png              # Certificates
β”‚   β”œβ”€β”€ cert3.png
β”‚   β”œβ”€β”€ badge.png
β”‚   β”œβ”€β”€ CERT.png
β”‚   β”œβ”€β”€ ai_ml.png
β”‚   β”œβ”€β”€ iitmcgpa screenshot.png
β”‚   β”œβ”€β”€ quantum screenshot.png
β”‚   └── output.png
β”‚
└── πŸ“‘ Prodhosh_new_Resume.pdf # Resume

🎨 Design Highlights

🌟 Interactive Particle System

  • 150+ animated particles creating a cosmic atmosphere
  • Mouse-responsive interactions with repulsion effects
  • Dynamic color palette: Purple, Indigo, Violet, Hot Pink

πŸ’Ž Glassmorphism UI

  • Translucent cards with backdrop blur
  • Smooth gradient borders
  • Floating animations and hover effects

🎯 Smooth Navigation

  • Fixed navigation bar with active state tracking
  • Smooth scroll behavior
  • Intersection Observer for scroll animations

πŸ“Š Sections Overview

🏠 Hero Section

  • Animated gradient text
  • Typing effect on load
  • Glowing CTA button
  • Particle background

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

  • Profile image with float animation
  • Two-column layout
  • Professional summary
  • Call-to-action elements

πŸ’Ό Skills Section

  • 12+ technology cards
  • Hover effects with transforms
  • Icon-based visualization
  • Responsive grid layout

πŸŽ“ Education Timeline

  • Vertical timeline design
  • Animated connection line
  • Three educational milestones
  • Slide-in animations

πŸš€ Projects Showcase

  • 3 featured projects
  • Live demo links
  • GitHub repository links
  • Project screenshots

πŸ† Certifications

  • 5 professional certificates
  • Credential verification links
  • Issuing organizations
  • Certificate images

🎯 Featured Projects

1️⃣ IITM CGPA Calculator

HTML CSS JavaScript

Web-based CGPA calculator for IIT Madras BS degree students with interactive UI.

2️⃣ Quantum Key Distribution

Python Quantum

Simulation of QKD protocols demonstrating secure key exchange using quantum mechanics.

3️⃣ IMDb Sentiment Analysis

Python ML

Sentiment analysis achieving 87% accuracy on 50K IMDb movie reviews using Logistic Regression.


πŸ… Certifications

  • πŸŽ“ Supervised Machine Learning - DeepLearning.AI (Sep 2025)
  • 🐍 Python for Data Science - NPTEL (Sep 2025)
  • πŸ€– Introduction to Generative AI - Google Cloud (Aug 2025)
  • 🧠 AI For Everyone - DeepLearning.AI (Jul 2025)
  • ☁️ Fundamentals of ML and AI - AWS (Jul 2025)

πŸš€ Quick Start

Prerequisites

# A modern web browser (Chrome, Firefox, Safari, Edge)
# No build tools required!

Installation

# Clone the repository
git clone https://github.com/PRODHOSH/portfolio.git

# Navigate to project directory
cd portfolio

# Open in browser
open index.html
# or simply double-click index.html

🌐 Deploy to GitHub Pages

# Push to GitHub
git add .
git commit -m "Deploy portfolio"
git push origin main

# Enable GitHub Pages in repository settings
# Settings β†’ Pages β†’ Source: main branch

🀝 Contributing

Contributions, issues, and feature requests are welcome!

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

πŸ“ License

This project is MIT licensed - feel free to use it for your own portfolio!


πŸ’¬ Connect With Me

Platform Link
🌐 Portfolio Visit Site
πŸ’Ό LinkedIn prodhoshvs
πŸ™ GitHub PRODHOSH
πŸ“§ Email [email protected]
πŸ“Έ Instagram @itzprodhosh

⭐ Star this repo if you find it helpful!

Star Forks Watchers


Made with πŸ’œ by PRODHOSH V.S

Wave

About

Personal portfolio website showcasing my skills, projects, certifications, and experience. Built with HTML, CSS, and JavaScript, featuring modern UI, animations, and responsive design. Designed to highlight my journey and work as a budding Data Science / ML enthusiast.

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published