🪟 Windows XP–Style Portfolio

A creative personal portfolio designed to look and feel like the classic Windows XP operating system. Built entirely with HTML, CSS, and vanilla JavaScript, this project showcases my skills, projects, and personality through an interactive desktop experience.

Think nostalgia + engineering.

---

✨ Features

• 🖥️ Fully interactive desktop UI

  • Draggable desktop icons
  • Double-click to open apps & folders
  • Right-click context menu

• 📁 Explorer-style file system

  • My Computer, Local Disk (C:)
  • My Documents, Recycle Bin
  • Nested folders and files

• 🧭 Working navigation

  • Back / Forward toolbar buttons
  • Address bar updates
  • Per-window navigation history

• 🎵 Minimal Windows Media Player

  • Play / Pause / Next / Previous
  • Displays current track name only (no janky visuals 😤)

• 🖼️ Image viewer

  • Opens images in a separate window

• 📄 PDF viewer

  • Resume and certificates open in their own windows

• 🗑️ Fun Recycle Bin

  • Fake deleted files like system32, genz_malware, etc.

• ⏻ XP-style shutdown dialog

  • Standby, Restart, Turn Off (for the vibes)

---

🛠️ Tech Stack

• HTML5

• CSS3 (custom XP/Luna theme)

• Vanilla JavaScript

  • Window manager
  • File system simulation
  • Navigation history per window

No frameworks. No libraries. Just raw JS and pain.

---

📂 Project Structure

/assets
  ├── icons, images, XP UI assets
  ├── documents (PDFs)
  ├── music
  └── me (personal images)

index.html
styles.css
script.js
README.md

---

🚀 How to Run

Option 1: Local (recommended)

git clone https://github.com/namelessweakl1ng/xp_portfolio.git
cd xp_portfolio

Then open index.html in a browser (Chrome / Chromium recommended)

⚠️ Some browsers restrict local PDF loading. If PDFs don’t open, use a local server.

Option 2: Simple local server

python -m http.server

Then visit: http://localhost:8000

---

🌐 Hosting

This project is 100% static, so you can host it on:

• GitHub Pages ✅
• Netlify ✅
• Vercel ✅

No backend required.

---

🎯 Why This Project?

This portfolio was built to:

• Stand out from generic portfolio templates
• Demonstrate UI engineering, not just design
• Show problem-solving, state management, and event handling
• Reflect personality and creativity

---

⚠️ Known Limitations (Intentional)

• Code is not framework-optimized on purpose
• Some logic is verbose for clarity
• Meant to be understandable, not over-abstracted

This is a showcase, not a production SaaS.

---

📸 Preview

Screenshots / GIFs recommended here (Desktop, Explorer, Media Player, Recycle Bin)

---

👤 Author

Manjunatha P Computer Science & Cybersecurity Enthusiast

• GitHub: https://github.com/namelessweakl1ng
• LinkedIn: https://www.linkedin.com/in/manjunatha67p/

---

🏁 Final Note

If you grew up using Windows XP — this one’s for you. If you didn’t — welcome to peak UI nostalgia.

⭐ Star the repo if it made you smile.

---