Terminal-based Portfolio and Resume

A terminal-style portfolio website that brings the command line experience to the browser.

Table of contents

Motivation

I’ve always been fascinated by command-line interfaces. The simplicity and efficiency of typing commands to get things done is something I wanted to bring to the web.

Tech Stack

• React - UI library
• TypeScript - Type safety
• styled-components - CSS-in-JS

Features

Command Processing

The terminal accepts various commands:

help        # Show available commands
about       # Display information about me
projects    # List my projects
skills      # Show my technical skills
education   # Display my education
contact     # Show contact information
clear       # Clear the terminal

Tab Completion

Tab completion is supported for all available commands, just like a real terminal.

Command History

Use the up and down arrow keys to navigate through command history.

Responsive Design

Despite being a terminal, the interface is fully responsive and works on mobile devices.

Challenges

One of the biggest challenges was implementing proper cursor behavior and text input handling. Browsers handle text input very differently from actual terminals.

Conclusion

Building a terminal-style portfolio was a fun project that combined my love for CLIs with web development. It’s a unique way to present information that stands out from traditional portfolio websites.