Terminal Web Portfolio

My portfolio website is designed as a terminal interface, built using React, TypeScript, and Styled-Components. It offers multiple themes, autocomplete functionality, command navigation, command history view, offline capability, and testing.

Features

• Responsive Design: Optimized for all devices, ensuring a seamless experience.
• Multiple Themes: Choose from a selection of different themes to personalize your experience.
• Autocomplete Feature: Enhance productivity with autocomplete functionality, accessible via TAB or Ctrl + i.
• Navigation: Easily navigate between previous and next commands using arrow keys.
• Command History: Access your command history for quick reference and reuse.
• PWA and Offline Support: Enjoy the benefits of a Progressive Web App, including offline functionality.

Tech Stack

• Frontend: React with TypeScript
• Styling: Styled-Components
• UI/UX Design: Created using Figma
• State Management: Utilizing ContextAPI
• Testing Frameworks: Vitest

Multiple Themes

Explore and choose from a variety of themes to customize your terminal interface.

Running Locally

To run the project locally, follow these steps:

1. Clone the Repository:

   git clone https://github.com/Fasping/terminal-web-portfolio.git

2. Navigate to the Project Directory:

   cd web-terminal

3. Remove the Remote Origin (Optional):

   git remote remove origin

4. Install Dependencies:

   npm install

5. Start the Development Server:

   npm run dev