Portfolio in a terminal

Project idea

A portfolio website that emulates a terminal interface, allowing users to explore my projects, resume, and contact info through typed commands in an interactive shell-like environment.

Every computer science student has a website to showcase their skills and projects. I want to make mine stand out with a terminal-style UI where users can type commands to explore.

Example commands

ls
- lists directories and files like skills, projects, info.
whoami
- displays viewer's IP address and user agent (like neofetch).
projects
- shows a list of my personal and academic projects and a link to my GitHub profile.
resume
- prints out my resume
contact
- displays email/socials with copy-paste support.

User stories

As a recruiter: I want the candidate's resume to be a part of their resume
As a developer: I want to explore projects in detail to see how they solve technical problems.
As a visitor: I want to interact with the terminal to learn more about Parsa in a fun and unique way.

Empathy Map: Visitor

SAYS

"this looks like a real terminal!"
"cool design"

THINKS

"can I find the resume easily?"
"how long did it take?"

DOES

Types help, ls, cat
clicks GitHub or resume links

FEELS

curious and impressed
engaged, possibly a little confused at first

User Needs story #2: (Developer browsing projects)

Run a ls projects command to view a list of projects.
Use cat <project name> to see project details.
Direct links to GitHub repositories.
Visually clear and readable output like a MD file

User journey

User loads the website.
a CLI pops up.
A hint suggests typing help.
User enters commands like ls, cat, projects, or contact.
Interactive output appears as if it's a real terminal.
contains easter eggs

Takeaway experience

The website is so nerdy...

fun and professional at the same time. It reflects strong frontend skills (which I'm developing right now) and creativity.