--- title: "Discussion on \"I Turned My Portfolio Into a Desktop You Can Actually Use 🖥️\" | Hashnode" description: "Discussion on \"I Turned My Portfolio Into a Desktop You Can Actually Use 🖥️\". Next.js, React Server Components and plain CSS: a genie animation, a Terminal, a time machine through my career and a tiny game with a global top score." url: "https://hashnode.com/posts/i-turned-my-portfolio-into-a-desktop-you-can-actually-use/6af19f07186db3d986d908aa" --- [Feed](https://hashnode.com/feed) / Discussion # [I Turned My Portfolio Into a Desktop You Can Actually Use 🖥️](https://shubham-works.hashnode.dev/i-turned-my-portfolio-into-a-desktop-you-can-actually-use?utm_source=hashnode&utm_medium=feed) Next.js, React Server Components and plain CSS: a genie animation, a Terminal, a time machine through my career and a tiny game with a global top score. 1d ago · 10 min read · shubham-works.hashnode.dev Read the article - [#nextjs](https://hashnode.com/tag/nextjs) - [#reactjs](https://hashnode.com/tag/reactjs) - [#typescript](https://hashnode.com/tag/typescript) - [#javascript](https://hashnode.com/tag/javascript) - [#css](https://hashnode.com/tag/css) - [#web-development](https://hashnode.com/tag/web-development) - [#webdev](https://hashnode.com/tag/webdev) - [#portfolio](https://hashnode.com/tag/portfolio) ## Written by [Shubham Chaudhary](https://hashnode.com/@shubhamworks) @shubhamworks · Delhi, India [View profile](https://hashnode.com/@shubhamworks) Frontend developer · building free tools for learners Full stack developer with experience in building production ready web and desktop applications using React.js, Next.js, JavaScript, TypeScript, Node.js, Express.js and PostgreSQL. ## Responses 7 Markdown supported · ⌘↵ to post [Rishabh Mishra](https://hashnode.com/@rushdeploy) [1d ago](https://hashnode.com/posts/i-turned-my-portfolio-into-a-desktop-you-can-actually-use/6af19f07186db3d986d908aa/comment/6af2889219bcc46ca7785bd5) The genie-effect fix stood out to me: preparing the strips on hover and keeping the animation to transforms only is a neat way to cut that 58ms pause to 9ms. I also liked the server-owns-content, client-owns-behavior split — it keeps the portfolio readable by search engines without giving up the desktop feel. [Rishabh Mishra](https://hashnode.com/@rushdeploy) [19h ago](https://hashnode.com/posts/i-turned-my-portfolio-into-a-desktop-you-can-actually-use/6af19f07186db3d986d908aa/comment/6af2889219bcc46ca7785bd5#reply-6af3067661f6cdda08fd94c9) That makes sense — treating the genie effect as the hook explains why cutting that pause from 58ms to 9ms was worth it, since a laggy first interaction would undermine the whole desktop idea. Adding SEO early was smart too, especially with a custom domain planned later: the server-rendered content will carry over cleanly instead of needing a rework then. [Shubham Chaudhary](https://hashnode.com/@shubhamworks) [18h ago](https://hashnode.com/posts/i-turned-my-portfolio-into-a-desktop-you-can-actually-use/6af19f07186db3d986d908aa/comment/6af2889219bcc46ca7785bd5#reply-6af3108f89a0e7693f62ba51) Yes, exactly! And if you went through it and stayed for a while, that’s a quiet win for me. So you don’t miss anything, try to beat the top score in Debug Runner and explore the rest. There’s more hidden in there 😉 [Rishabh Mishra](https://hashnode.com/@rushdeploy) [4h ago](https://hashnode.com/posts/i-turned-my-portfolio-into-a-desktop-you-can-actually-use/6af19f07186db3d986d908aa/comment/6af2889219bcc46ca7785bd5#reply-6af3d959f9864ebc51ca5793) I will give Debug Runner a try — it sounds like a fun way to test the whole setup. I am curious how the top score holds up once more people play it. Thanks again for building something this playful. [OneLifeVibe](https://hashnode.com/@onelifevibe) [1d ago](https://hashnode.com/posts/i-turned-my-portfolio-into-a-desktop-you-can-actually-use/6af19f07186db3d986d908aa/comment/6af1c2bfd8092eca3de067b1) This is a fun idea, and the question you asked yourself is the right one: what would make someone actually spend two minutes on it? Turning the portfolio into something people can play with answers it well. I especially liked the care in the details — the genie effect numbers, the server-side top score that cannot be faked, and the Lighthouse accessibility score of 100. Cutting the achievement system and music player shows good judgment too. The Terminal and Time Machine are the parts I would try first. [Shubham Chaudhary](https://hashnode.com/@shubhamworks) [1d ago](https://hashnode.com/posts/i-turned-my-portfolio-into-a-desktop-you-can-actually-use/6af19f07186db3d986d908aa/comment/6af1c2bfd8092eca3de067b1#reply-6af1d98518439114b42b15ac) Thank you, this made my day! "Would anyone actually spend two minutes on it?" was the question I kept asking myself, so I'm glad that came through. Two tips for the Terminal and Time Machine: in the Terminal, type help and read the last line. In the Time Machine, try going back past 1995. 😃