Gagandeep Singh - Portfolio

Welcome to my personal portfolio! This website is designed with a cinematic, dark, and premium aesthetic, heavily inspired by the "Death Note" theme. It serves as a comprehensive showcase of my skills, projects, and experiences as a Computer Science Engineer and Full-Stack Developer.

Live Preview: View Portfolio

🎨 Theme & Aesthetic

• Visuals: Jet black backgrounds (#000000), deep crimson accents (#DC143C), and aged gold highlights (#C9A84C).
• Typography: Dramatic and sophisticated UI using Cinzel and Cinzel Decorative for headings, paired with Playfair Display for elegant body text and JetBrains Mono for tech-focused elements.
• Dynamic Elements: Falling cursor-tracking blood trail effects and ambient floating ash/petal particles rendered via HTML Canvas.

🚀 Features

• Hero Section: Striking visual introduction featuring a stylized monogram logo, a dossier-framed profile photo, and core technology chips.
• About/Dossier: A stylized professional summary along with contact chips (Email, Phone, GitHub, LinkedIn).
• Interactive Skills Grid: Technology icons categorized by language, framework, database, and tools. Includes active filtering functionality.
• Case Files (Projects): A dedicated section showcasing key projects formatted as confidential case files with status stamps, detailed notes, and direct GitHub links.
  • Crypto Market Insights Dashboard
  • Music Playlist Management System
  • Analyzing Employment Trends by Education Level in India
• Chronicles (Timeline): A sleek timeline outlining my professional and educational journey (e.g., LPU B.Tech, D4 Campus Lead).
• Contact/Reach Out: Dramatic social contact cards referencing the notebook theme.

🛠️ Built With

• HTML5: Semantic and accessible structure.
• CSS3: Custom properties, CSS Grid/Flexbox layouts, glassmorphism, glowing hover states, and smooth transitions.
• Vanilla JavaScript: DOM manipulation, canvas particle rendering, scroll reveal animations, and stat counter logic.
• Devicon: Extensive library for technology logos and SVG icons.

📂 Project Structure

/
├── index.html        # Main HTML document outlining the portfolio structure
├── style.css         # Comprehensive styling, variables, and animations
├── script.js         # Interactive logic, scroll observers, and canvas effects
├── profile.png       # Portfolio profile image
├── Cv Updated.docx   # Downloadable CV document
└── README.md         # This file

💻 Local Development

If you'd like to run this project locally:

1. Clone the repository:

   git clone https://github.com/gagan27x/MyPortfolio.git

2. Navigate to the project directory:

   cd MyPortfolio

3. Open index.html in your browser, or start a local server using Python (recommended for testing):

   python -m http.server 3000

4. Visit http://localhost:3000 in your web browser.

---

Designed and engineered with precision.