Skip to content
Go back

Windows XP

Posted on:March 2, 2019 at 06:00 PM
Visit websiteView source code

Motivation

I wanted to create a silly project that involved a lot of UI interactions like clicking, dragging, etc. I stumbled upon someone’s portfolio webiste which was styled like Windows 98, so I took that idea to build a somewhat functional Windows XP clone in TypeScript

The CSS of this project was particularly fun and challenging. It’s not meant to be responsive, so if you are viewing the project on a mobile device it might not work well.

Features

Of course I didn’t implement a fully functional operating system in the browser, but I made some general file system logic which is tied the the elements the user interacts with. This project was made without a JavaScript framework such as React, Vue or Svelte.

Here’s a list of things that I implemented:

The Windows XP login screen

Technologies

Some of the technologies used to make this project:

The Windows XP startup screen

Project status

I stopped working on this project once I had learned the things I wanted to learn. It is not completely finished, but I had my fun with it.

The Windows XP desktop