/winXP

Feeling Nostalgic✨Made my portfolio as a Window XP desktop!

Primary LanguageSvelte

Windows XP Portfolio

Welcome to my Windows XP-themed portfolio! This project is a nostalgic journey back to the early 2000s, recreating the iconic look and feel of the Windows XP operating system.

Features

  • Desktop Environment: Complete with draggable icons and interactive windows.
  • Applications: Double-click the icons on the desktop to open various apps.
  • Maxthon Browser: Contains sections for About, Projects, and Contact.
  • Notepad: Displays a welcome message and project credits.

Credits

  • JSPaint: An open-source web-based MS Paint remake. GitHub
  • Windows Media Player Skins: Crafted by the talented Alfonso Roman and Jeff Schafer from The Skins Factory.
  • Windows Loading Screen Gif: Helped take off a lot of code, found here

Installation

To run this project locally, follow these steps:

  1. Clone the repository:

    git clone https://github.com/your-username/windows-xp-portfolio.git
  2. Navigate to the project directory:

    cd xp-portfolio-2024
  3. Install dependencies:

    npm install
  4. Run the development server:

    npm run dev
  5. Open your browser and navigate to:

    http://localhost:5173
    

Usage

Double-click the icons on the desktop to open the apps and explore. You can drag the icons around to organize your desktop to your liking. The Maxthon Browser contains the About, Projects, and Contact sections.

Project Description

This project is my way of taking a delightful trip down memory lane, back to the early 2000s—a time of AOL Instant Messenger, MySpace, and the early days of online creativity. It was an exciting era of innovation and discovery.

You'll find the classic sections—About, Projects, and Contact—inside the Maxthon Browser on the desktop. Think of it as blending nostalgic charm with modern tech, all wrapped up in the iconic XP style.

Screenshots

Loading-Screen

Login-Screen

Desktop-Screen

To-Do

  • Add more applications: Plan to include additional applications to enhance the desktop experience.
  • Improve responsiveness: Ensure the layout is fully responsive and works well on different screen sizes.
  • Refine UI/UX: Make further improvements to the user interface and experience based on feedback.
  • Bug fixes: Continue to identify and fix any bugs that may arise.
  • Minimize Code/Refactor This is my first time using Sveltekit, I love it because its easier to get started. The drawback is there aren't many examples of standards on how projects should be structured. This will a continous improvement.

License

This project is licensed under the MIT License. See the LICENSE file for details.

Acknowledgments

  • Special thanks to the creators of JSPaint and the talented designers at The Skins Factory for their contributions to this project.

Enjoy exploring, bestie!🌐