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: https://www.vovacodes.ca/
GitHub: https://github.com/vovaushenko/vovacodes

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 :

Portfolio

Portfolio

Portfolio

Portfolio

Portfolio

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

Discussion (20)

Collapse
inatchi profile image
Natalia

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!

Collapse
swayam600 profile image
Swayam

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.

Collapse
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.

Collapse
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.

Collapse
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!

Collapse
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.
azharzaman.com

Thanks.

Collapse
vishal2369 profile image
Vishal2369

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

Collapse
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 github.com) 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, github1s.com/facebook/react.

Cheers!

Collapse
rbusiness profile image
Ron headen

Pretty awesome 😎 indeed.

Collapse
anotherishi profile image
rishio

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

Collapse
eke profile image
Eke Victor

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

Collapse
spahicharis profile image
Haris Spahic

Great stuff.

Collapse
maixuanhan profile image
Han Mai

Very nice work!!!

PS. angular in the trash killed me 🀣🀣🀣

Collapse
cmanique profile image
Carlos Manique Silva

Holy shit, this is really impressive!

Collapse
aacraf profile image
acraf

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

Collapse
vovacodesca profile image
vova ushenko Author

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

Collapse
shubhamkumar10 profile image
Shubham Kumar

This is awesome ! Mind = blown

Collapse
srisri33 profile image
SriSri

This is amazing and inspiring!!!!

Collapse
moeenmahmud profile image
Moeen Mahmud

I love it, especially the VS Code implementation

Collapse
fettah_aud profile image
Fettah Aud

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