Terminal Website

April 14, 2025
Terminal Website

This project started as an experiment while I was building a CLI application using Node.js. I was exploring ways to create a more engaging terminal interface when I stumbled upon a video by ForrestKnight on his YouTube channel: Terminal Website – Build Your Portfolio as a Terminal. He created exactly what I had in mind—a terminal-style personal website—and it immediately clicked with me. I knew I had to try building my own version from scratch.

I designed the interface with the Catppuccin theme in mind—my favorite color scheme from the Neovim code editor—because of its calm and cohesive palette that works great in code-focused environments.


Technical Overview

This terminal-style web app is built with React and Next.js, and it's fully interactive. The terminal simulates a real command-line interface, complete with:

  • Tab completion
  • A blinking, dynamic cursor
  • Custom ASCII welcome art

The main features include:

  • help – Lists all available commands
  • whois – Information about the developer
  • projects – Lists portfolio projects
  • open [project-number] – View project details
  • skills – Shows technical skillset
  • contact – Contact information
  • clear – Clears the screen

The interface is responsive and works on both desktop and mobile. Styling is done via CSS Modules, and the app is deployed on Vercel.

Open Source

This project is open source and available for anyone to use, modify, or build upon. If you’re into terminal aesthetics or want a creative portfolio format, feel free to fork it and make it your own.