Skip to content

rajpratham1/my-portfolio

Folders and files

NameName
Last commit message
Last commit date

Latest commit

Β 

History

12 Commits
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 

Repository files navigation

πŸš€ Pratham Kumar | Full Stack Developer & Cybersecurity Enthusiast


Live Demo GitHub LinkedIn

A premium, Cybersecurity-themed portfolio website featuring modern glassmorphism UI, interactive animations, and adaptive layouts optimized for all devices.


✨ Features

🎨 Design & UI

  • Glassmorphism Effects - Frosted glass cards with backdrop blur
  • Dark Cyber Theme - Navy/black with neon cyan/blue accents
  • Animated Gradient Text - Flowing gradients on headings
  • Hover Glow Effects - Cyan glow on interactive elements

🎬 Animations & Effects

  • Page Loader - Animated logo with progress bar
  • Scroll Progress Bar - Visual scroll position indicator
  • 3D Card Tilt - Mouse-following 3D perspective on cards
  • Button Ripple Effect - Material Design-style ripple on clicks
  • Staggered Reveal - Cards fade in sequentially on scroll
  • Floating Elements - Gentle floating animation on icons
  • Intersection Observer - Smooth fade-in as sections enter viewport

πŸ“± Responsive Design

  • Adaptive Layout - Vertical on desktop, horizontal scroll on mobile
  • Mobile Navigation - Hamburger menu with slide-down overlay
  • Touch-Friendly - Scroll-snap carousels for mobile
  • 60FPS Performance - Optimized canvas particles on mobile

πŸ› οΈ Technical Features

  • SEO Optimized - JSON-LD structured data, meta tags, robots.txt
  • Custom 404 Page - Branded error page for GitHub Pages
  • Lazy Loading - Deferred image loading for performance
  • Scroll-to-Top - Smooth scroll button
  • Working Contact Form - Web3Forms integration

πŸ—‚οΈ Project Structure

my-portfolio/
β”œβ”€β”€ index.html              # Main HTML
β”œβ”€β”€ style.css               # Core styles
β”œβ”€β”€ script.js               # Main JavaScript
β”œβ”€β”€ adaptive-layout.css     # Responsive layouts
β”œβ”€β”€ animations.css          # Premium animations
β”œβ”€β”€ scroll-top.css          # Scroll-to-top button
β”œβ”€β”€ overlay-fix.css         # Overlay fixes
β”œβ”€β”€ 404.html                # Custom error page
β”œβ”€β”€ robots.txt              # SEO crawler config
└── assets/
    β”œβ”€β”€ images/             # Project & profile images
    └── documents/          # PDFs & presentations

πŸ› οΈ Tech Stack

Category Technologies
Core HTML5, CSS3, JavaScript (ES6+)
Fonts Google Fonts (Poppins)
Icons Font Awesome 6
Forms Web3Forms API
Hosting GitHub Pages

πŸš€ Quick Start

  1. Clone the repository

    git clone https://github.com/rajpratham1/my-portfolio.git
  2. Open locally

    cd my-portfolio
    # Open index.html in browser
  3. Deploy to GitHub Pages

    • Push to main branch
    • Enable GitHub Pages in repository settings

πŸ“Έ Sections

  • Hero - Animated intro with profile photo
  • About Me - Skills cards with horizontal scroll
  • Featured Projects - Hardware & software projects
  • My Websites - Live deployed web apps
  • Certificates - Professional certifications
  • Publications - Books & technical writing
  • Contact - Social links & contact form

πŸ“„ License

This project is open source and available under the MIT License.


πŸ‘€ Author

Pratham Kumar


⭐ Star this repo if you found it helpful!

About

πŸ‘¨β€πŸ’» Personal portfolio showcasing my projects, skills, certifications, and achievements. Built with modern web technologies to highlight my journey and work. Explore my work, connect with me, and let's build something great together!

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

 
 
 

Contributors