A personal portfolio website that mimics the Windows XP operating system interface. This project uses pure HTML, CSS, and JavaScript to create a nostalgic and unique way to showcase your work and information.
- Authentic Windows XP look and feel
- Interactive desktop with draggable windows
- Double-click to open applications
- Working taskbar with start menu
- Responsive design
- Easy to customize with your personal information
- Clone or download this repository
- Customize the content in
js/config.jswith your personal information - Add your own icons to the
img/iconsdirectory - Open
index.htmlin your browser to see your Windows XP portfolio!
The main content of the portfolio is configured in js/config.js. You can easily update:
- Your name and title
- Desktop icons and their content
- Start menu items
- Skills, projects, and other information
To add a new window/application to your portfolio:
- Add a new entry in the
desktopIconsarray inconfig.js:
{
id: "unique-id",
name: "Display Name",
icon: "path/to/icon.png",
content: `
<h2>Title</h2>
<p>Your content here...</p>
`
}- Or add a new entry in the
startMenuItemsarray to add it to the Start menu.
- Modify the CSS files in the
cssdirectory to change colors, sizes, etc. - Replace the wallpaper image (
img/xp-wallpaper.jpg) with your preferred background
index.html- Main HTML structurecss/- Stylesheet filesstyles.css- Global stylesdesktop.css- Desktop and icon stylestaskbar.css- Taskbar and start menu styleswindow.css- Window styles
js/- JavaScript filesconfig.js- Configuration and contentapp.js- Main application entry pointdesktop.js- Desktop functionalitywindow.js- Window managementtaskbar.js- Taskbar functionality
img/- Images and icons
You can extend this portfolio by adding more Windows XP-like features:
- Right-click context menus
- Window resize functionality (already partially implemented)
- Minimize/maximize animations
- More detailed start menu with categories
- Desktop icon grid alignment
This project is open source and available under the MIT License.
- Inspired by the classic Windows XP operating system
- Built with vanilla HTML, CSS, and JavaScript