DEV Community

arnononono nONOonNo
arnononono nONOonNo

Posted on

I Built a VS Code–Inspired Developer Portfolio

I wanted my portfolio to feel familiar to other developers — not like yet another generic personal website.

So I decided to build a VS Code–inspired portfolio that actually looks and behaves like an IDE. The goal was simple: when a developer opens it, it should feel instantly recognizable.

What it includes:

  • An editor-style layout with tabs
  • A sidebar that works like a real code editor
  • Terminal-inspired sections for content
  • Draggable Windows.
  • Fully responsive across devices
  • Custom Themes Support

Why I built this:
A lot of portfolios focus heavily on flashy animations and visuals. I wanted to take a different approach and focus on familiarity and usability something developers already understand without needing an explanation.

I know it might feel complicated to non devs but I'm planning to implement Easy Mode (switchable) where it changes layout to less complicated VS-Code IDE layout and make it easily understandable to everyone while keeping VS-Code aesthetics

GitHub repo:
https://github.com/arnofrxdd/ide-portfolio
Demo:
https://arnofrxdd.github.io/ide-portfolio/

I’d really appreciate feedback

Top comments (1)

Collapse
 
mcondon profile image
Micah Condon

nice work! your portfolio is fun to explore, both for the concept / style of the portfolio and the details of the projects