Show HN: I recreated Windows XP as my portfolio
I started from zero knowledge and spent months collaborating with AI agents as a learning experience. Every pixel and every function went through me. The AI translated what I asked for into code, but every decision was human. I didn't use existing OS frameworks because the goal was learning how basic coding languages worked while also developing my skills with AI collaboration. Apart from basic libraries like xp.css and paint.js, it's all original code.
The result is a fully functional Windows XP recreation running in your browser. Complete experience with sounds, animations, and working applications. Even works properly on mobile, which required rebuilding everything to maintain the authentic feel without becoming unusable on touchscreens.
This project taught me more about coding and AI collaboration than I ever expected. Would love to hear your thoughts on the execution and any feedback on the technical approach.
Another interesting aspect of this particular implementation is that it blends naturally with a browser tab hierarchy, it does not try to overrule it, it just blends in. Probably thanks to a distinctive taskbar, or maybe it is due to the startup screen/login/sound that set up a distinctive boundary "you are here now, and this is a friendly place to be".
Very fast response time for the UI interactions. "Modern" UIs can have a few fast transitions but the overall interactions with the different components have a human noticeable lag that make them uneasy.
edit: I'm new here! let me get some of that sweet sweet karma!
I've also marked your account legit so it won't get misassessed by those nasty spam filters in the future!
No comments yet
If Windows XP had had some kind of super professional “create a portfolio” app that would output an executable binary that you could download it would’ve been lauded as amazing and beautiful if it looked like what you created.
This is great. It shows your skills, but also brings back the beauty of Windows XP, in a contemporary but historically accurate format.
You are going to be a wealthy man very soon now from all that karma.
After reloading the page and leaving the CRT effect on, it worked once (the first time) then not.
Reloading the page and turning the CRT effect off immediately, it seems to work every time, but flickers.
- The taskbar tabs are slightly off from how they looked in the real XP (must be the borders? It's the same issue with the windows as well).
- The close/maximize/minimize buttons never had hover transitions
- By default, desktop icons didn't have any hover effects in the real XP
- I'm surprised you didn't recreate the XP mouse cursor!
- IE6:
the rest, are all aesthetic decisions haha but I was aware of some of them - I'm surprised you missed the biggest one of them all though.. also that nobody else has mentioned it yet - maybe its because nobody has tried it
the drag selection over desktop icons highlights the icons in a way much closer to windows 11 than XP... i really just thought it deserved an upgrade
edit: did i miss it or did you just add the thing about selection? you're right though
The other thing is, I think the portfolio doesn't really match the quality of the website you vibe coded. This is actually a pretty bad sign that your own work is not as good as something you can do with AI (human assisted or not). The website is pretty high quality, so browsing through extremely simple assets just feels out of place.
Overall it's a good project.
Every time I see it, a part of me misses the styling of Windows XP. It was kind of the only well-regarded windows that tried to actually be fun; the fact that there was a little dog mascot in the search results, the fact that the bar on the bottom kind of looks like a Fisher Price toy, Clippy!
I kind of miss when professional programs were allowed to be goofy.
As a side note, I really like your avatar; has kind of a Simpsons/Bob's Burgers vibe that I find appealing.
Great site, thanks for nostalgia!
That person is incorrect. WinXP started selling at retail in Oct 2001. I started using it at work in early 2002 and as a senior employee in a tech company I had a pretty deluxe 21-inch Viewsonic CRT which ran at 2048 x 1536 resolution. That Viewsonic cost $1600 new in 2000 and looked great. The company didn't upgrade to flat screens until about 2006 when the Viewsonic was replaced with a 20-inch Dell 2005fpw with native 1680 x 1050 resolution for $800. That's the year Windows Vista came out.
Even in 2006 corporate priced LCDs at the 20-inch size didn't look quite as good as the high-quality CRT I switched from. In some ways (like sharpness) a good LCD could look better but in other ways (like contrast) it wasn't as good yet - so it was still a mixed bag. About 2004 the company started buying newly hired entry-level employees 15 or 17-inch LCDs but they were typically 1024 x 768 and the quality wasn't great. A designer like you would definitely have stuck with a CRT longer both for quality and screen size at a reasonable price.
As a former Windows XP user: this is amazingly detailed and well done! The CRT effect is spot on for me.
Well, not really, and it depended highly on the place of work/study and country/state. For example, my University replaced the CRT ones with LCDs only in 2005-06 (they've used XP in computer rooms for quite a long time, skipping Vista and 8).
I myself used the CRT monitor with winXP until the late 2004.
I used my mom's iMac G3 (CRT) probably until 2004 or so, because I distinctly remember getting stuck on Tutorial Island on RuneScape as a kid, since you had to Right-click -> "Prospect Rock", and at the time, I had no idea how to actually do it with Apple's single-button mice lmao.
Aside from the couple of laptops that came later, I don't think I had moved on [for the worse] until a bit after I put together my first DIY computer (Phenom II 920, etc); I still had a CRT TV in my room long enough to have been using it when Halo Reach came out.
It would be wonderful if you could also share or write a post about your vibe coding journey to put this together!
im open to all connections btw :) i'm just getting started!
You should open source this and let other people contribute and build apps that work inside this sim. I would love to build a version of our browser into this. (https://github.com/browseros-ai/BrowserOS)
It might be spiritually close to vibe coding in some ways because the author wasn't previously a programmer, so this code was never reviewed by a professional or trained developer.
But it was a high-effort project that involved inspecting and trying to understand the code, which isn't what vibe coding is about.
Whatever we want to call it, I think it's awesome! This is a good use of LLMs to help laypeople break into writing code imo, and the result is great.
I suspect that this sort of design wouldn't come up a lot, but do you think about the difference between this experience and the experience of designing something where you used a workflow that you were familiar with? Or put another way, if you did this again, would it go faster or would it take the same amount of time?
But aside from that, I would still say yes. I've learned a lot (it's just hard to put into words when I'm missing some of the technical language) and I've gained so much confidence in even dealing with code.
I've actually started doing some work for someone after they saw my site on Reddit, which I could never have done before. It involves Docker, a bit of Python, and working on a codebase with multiple contributors. It's both exciting and terrifying at the same time.
I just had to make some small changes so it would blend in better with my site
https://youtu.be/1N8MSI0mB04
Makes me wonder what windows mobile could have been
https://github.com/cloudflare/doom-wasm
=3
thanks
That said, I wonder if it makes sense for a graphic designer to have a portfolio with a design that just copies someone else's (Microsoft's)?
On my dell XPS13 (Windows) the high DPI scaling makes the page display "please rotate your device back to portrait mode" . If I zoom out a few steps (ctrl-minus in the browser), it loads fine.
Only pet peeve I have is with the obvious AI generated art (including the wallpaper?) — still can't get onboard with them.
Yeah for sure, I completely get it - I can genuinely understand the large majority of reasons people have for holding that opinion and I don't even necessarily disagree with many of them. I will admit, I do find it wildly entertaining and having the ability to turn an idea into something tangible almost instantly allows me to produce more high quality work.
Aside from personal opinions, I just think that it's pretty clear where the world's going and since money doesn't care about feelings - companies are going to use it. so I feel like it probably helps, or at least will start to help more and more as time goes on having it clear that I can and do use these AI tools they keep hearing about.
btw, if you let your mail app open - whatever you typed into my contact me app will be pre-filled in a new message ready to send
I kind of assumed that if someone found themselves in that position they would contact me another way and it shouldn't be a dealbreaker haha
Now try windows93 [0]
enjoy.
[0] https://www.windows93.net
only since a few days ago haha
This is so absurdly cringe and absolutely not coding. It’s like saying I spent absolutely trying to get ChatGPT to write my college essay for me. At the end of the writing period, I wrote nothing but decided which ai goop I liked best.
Who's hiring a graphic designer based on a Windows XP aesthetic that they didn't even produce? Of course novelty. But then what. Not really promoting the graphic design side. Not really promoting the development site. Bizarre noob accounts here loving it.
He cooked. (But not really) And we're all cooked.