Interactive developer portfolio built like an IDE + dashboards — feedback welcome

[WAJDIBZ]

Select Topic Area

Show & Tell

Body

Hi everyone 👋
I recently launched my new portfolio and I’d love feedback from developers/designers on the UX and overall experience.

It’s built to feel like a “developer platform” rather than a classic landing page:

IDE-style interface (Explorer + tabs) + Command Palette (Ctrl/⌘K)

Observability dashboard (metrics, logs, project table)

CI/CD-inspired pipeline view (Build → Test → Deploy → Monitor)

Git graph “universe” to explore projects by domain

ML Lab with notebook-style experiments + model comparison results

Stack: Next.js (App Router), TypeScript, Tailwind, Motion (Framer), React Flow, TanStack Table, Recharts.

Portfolio: https://benzinebwajdi.dev/

Questions I’d love your input on:

Is navigation clear and fast to understand?

Does the concept feel professional or too “gimmicky”?

What would you improve to make it more recruiter-friendly?

Thanks in advance 🙏

[kbtale]

I like the concept overall. However, I have a few points to address:

• On my computer, when you expand the projects, the "Contact" button disappears because it is pushed too far down, and "resume.pdf" ends up at the very bottom. These are CTAs that should be more visible and easy for any HR manager to click.
• In dark mode, the "Hire Me" button accessibility is poor (in my opinion). I would use white text for that one. Buttons shouldn't be shy, they should be clear CTAs.
• Also, I understand that the doctypes in the sidebar are a design choice, but consider that this could be a difficult reading experience for a recruiter who is not tech-savvy.

Everything else looks decent enough or involves only minor details, in my opinion.

[WAJDIBZ]

Hi! Thanks a lot for the feedback — it’s a very fair point.
I really want to keep the IDE / “doctype” sidebar as part of the design identity, but I also don’t want it to create friction for non-technical recruiters.

I’m considering these options and I’d love your opinion on which one is best:

Recruiter Mode toggle (Recruiter / Developer)

Recruiter: normal labels (About, Projects, Resume, Contact)

Developer: file/doctypes (README.md, projects.ts, resume.pdf)

Dual labels in the sidebar

Keep the file names, but add a clear human label next to it

Example: projects.ts — Projects, resume.pdf — Resume

Minimal top navigation (Projects | Resume | About | Contact)

People can ignore the sidebar completely if they want

Which option would you pick (1 / 2 / 4)?
Or would you combine two of them (for example 2 + 4)?

Thanks again

[jeorgmartin2]

This is a really slick concept, the IDE-style UX and dashboards make it feel both technical and professional without being overwhelming portfolios this interactive stand out in a good way, almost like how pkr365 helps you quickly find what you’re looking for.