DEV Community

Cover image for πŸͺŸ Windows 11 inspired portfolio πŸͺŸ
vova ushenko
vova ushenko

Posted on

πŸͺŸ Windows 11 inspired portfolio πŸͺŸ

πŸ‘‹Hi there and Happy Hacktoberfest 2021 fellow developers! 🎊
I hope you're doing fantastic!

In the past, I was powerfully impressed by a portfolio that was built like a simple OS. So, this basically has always been my small dream to build a portfolio-app that visually mimics an operating system.

Recently, I had some free time and I finally decided to turn this plan into reality. So, I started working on πŸͺŸ Windows-11 inspired portfolio ✨.

You can try it out here:

This is a Next.js app built from scratch, that has a small backend powered by MongoDB. It is fully written in TypeScript, so if you're learning it, you could explore the GitHub repo πŸ’₯

In a nutshell the stack is -
⭐ Next.js,
⭐ React,
⭐ Styled-Components,
⭐ Redux
⭐ Mongo DB.

The app has a design and component system powered by
πŸ’œ Storybook πŸ’œ

This is not only an OS-looking app but also beautiful slides about me, which can be found by navigating and using the OS.

The App has a ton of cool features (for instance you can leave me a comment and later it will be displayed with a nice random avatar in a flying carousel). So, leave a comment!πŸ˜‰ I would be happy to hear from You! πŸ™Œ

Essentially, it has a lot of nifty features, so consider exploring it and let me know what is your favorite one!✨

❗ Notice, on mobile only portfolio part will be shown

PS. I Use Arch BTW

Happy Hacktoberfest 2021 Again! Wish you all the best!

Cheers! πŸ€™

At a glance :






Keep in mind, this is a work in progress! More features to come (and bugs tackled πŸ˜„)

Discussion (20)

inatchi profile image

That's really amazing work!
I just spent on your website like 30 minutes clicking on different folders and programs (I googled your portfolio website inside your chrome on your desktop: looked through your portfolio inside your portfolio, it was funny :D)

But there was some problem with scrolling on the project page.
When you open projects page and click on the macbook or any other gadget, it becomes unavailable to scroll down. And after you go to the end of the page (where The Goal is), you can't go to the beginning, it becomes again impossible to scroll up.
Hope you works will become more and more awesome!

swayam600 profile image

Man, I gotta say, you are insane. I visited your website and explored it and it was an awesome user experience. And looks like you kinda hate Angular.

vovacodesca profile image
vova ushenko Author • Edited on

Thanks! Well, not really. I'm a big fan of the web-platform, and I can leverage any framework to get the job done.

But, I've got some Vietnam flashbacks regarding Angular. Because, once I worked on and maintained a big legacy app built with old Angular.

Ever since, I try to avoid using Angular in my non-job projects. But, to be completely fair, I've heard that Angular has improved massively.

alinekoh profile image
Ali Nekoh • Edited on

I am totally impressed with your hard work and impressive software skills, also a PhD graduate in Computer Field. I have checked your LinkedIn profile and downloaded your profile for later reference.

hrishikeshps profile image
Hrishikesh Sharma

Hey! Perhaps the best portfolio I have seen this year. I really liked the contrast theme & colors. The overall look really popped in a oled panel. Keep up the great work!

drazharzaman profile image
Azhar Zaman

Its heavy man, truly speaking.
As a beginner, it looks like a ultimate implementation of ReactJs.

If anyone got a minute, please have a look at my portfolio. It would great to have expert opinion.


vishal2369 profile image

Its totally mind blowing 🀯🀯🀯. You put lots of efforts in it.
I just wanna know how you integrated vs code.

vovacodesca profile image
vova ushenko Author

That's is the easiest part due to the work of GitHub and Microsoft. Just navigate to any repo on github (literally on and then press . (dot) on keyboard.

If you wanna use this in your apps, just embed github in an iframe and that's it. You should actually add add 1s after github url. For instance,


rbusiness profile image
Ron headen

Pretty awesome 😎 indeed.

anotherishi profile image

This is lit πŸ”₯πŸ”₯😍

eke profile image
Eke Victor

This is the most mind blowing project I've seen this year. 🀯🀯

spahicharis profile image
Haris Spahic

Great stuff.

maixuanhan profile image
Han Mai

Very nice work!!!

PS. angular in the trash killed me 🀣🀣🀣

cmanique profile image
Carlos Manique Silva

Holy shit, this is really impressive!

aacraf profile image

I love the concept and it's mindblowing how good it is. πŸš€

vovacodesca profile image
vova ushenko Author

Thank you guys for your kind words! Already fixed some small nasty bugs πŸ˜„

shubhamkumar10 profile image
Shubham Kumar

This is awesome ! Mind = blown

srisri33 profile image

This is amazing and inspiring!!!!

moeenmahmud profile image
Moeen Mahmud

I love it, especially the VS Code implementation

fettah_aud profile image
Fettah Aud

Thats awesoem
but i really wondering why Angular is in trashπŸ˜‚