Terminal Portfolio transforms a traditional portfolio into an interactive terminal experience. Built using JavaScript, HTML, and CSS, this project invites users to engage with commands to learn about skills and projects, making the exploration fun and memorable, while also showcasing technical expertise.
Terminal Portfolio is an innovative, fully interactive portfolio that simulates a Unix terminal directly in the browser, offering a unique and engaging way for users to explore a creator's background, skills, and projects. This project turns traditional web portfolios into an immersive command-line interface (CLI) experience where visitors can interact by typing real commands.
🔗 Explore the live version: Terminal Portfolio
Overview
Built entirely from scratch using vanilla JavaScript, HTML, and CSS, Terminal Portfolio offers a fun alternative to standard portfolio designs. It's designed for developers, recruiters, and anyone curious to navigate through an interactive CLI format by executing commands like help, sumfetch, or projects for a deeper insight into the creator’s achievements.
Key Features
- Realistic Terminal Simulation: Enjoy a fully functional terminal interface that mimics the Unix command line.
- Dynamic Command Handling: Experience interactive command responses enriched with playful content for typical Unix commands, including
vi,vim, andnano. - User-Friendly Navigation: Utilize keyboard-centric navigation with auto-focus input andhighlighted command suggestions.
- Future Development: Anticipate the upcoming graphical version of the portfolio, accessible with the
guicommand.
Available Commands
help– Displays all commands available for interaction.man <command>– Provides a manual and description for specified commands.sumfetch,summary,neofetch,sum– Reveals a summary including the creator's name, title, contact information, and relevant links.projects,mywork– Lists current and planned future projects.gui,portfolio,website– Redirects to the forthcoming graphical interface.sudo– Issues a light-hearted warning.clear– Clears the terminal display.- Simulates common terminal commands such as
pwd,cd, andls. - Displays amusing messages related to popular text editors when commands like
nano,vi,vim, ornvimare typed. whoami– Shows the simulated user currently in command.welcome,banner– Produces an ASCII welcome message along with usage tips.
Tech Stack
- HTML5
- CSS3
- Vanilla JavaScript (no external libraries or frameworks)
Terminal Portfolio is a testament to creativity and technical skill, making it an excellent resource for showcasing capabilities in a delightful and interactive manner.