/webshell

Customizable Terminal Styled Website

Primary LanguageTypeScriptMIT LicenseMIT

WebShell | Terminal Portfolio Website

banner

Vercel Vite TypeScript HTML5 CSS3

Create your own terminal styled website! Check out term.nasan.dev for an example.

Features

  • [Tab] for auto completion.
  • [Esc] to clear the input line.
  • [↑][↓] to scroll through your command history.

???

banner
How did we get here?

Configuration

Most of the configuration is done in the config.json file.

{
  "ascii": [
    "██████╗ ██╗   ██╗ ██████╗",
    "██╔══██╗██║   ██║██╔════╝",
    "██║  ██║██║   ██║██║  ███╗",
    "██║  ██║██║   ██║██║   ██║",
    "██████╔╝╚██████╔╝╚██████╔╝",
    "╚═════╝  ╚═════╝  ╚═════╝",
  ],
  "title": "Dug's Terminal",
  "username": "guest",
  "hostname": "dug.dev",
  "password": "squirrel",
  "repoLink": "https://github.com/nasan016/webshell",
  "social": {
    "email": "dug@pixar.com",
    "github": "dugfromup",
    "linkedin": "dugthedog"
  },
  "aboutGreeting": "My name is Dug. I have just met you.",
  "projects": [
    [
      "Project Name",
      "Project Description",
      "Project Link"
    ],
    [
      "Another Project Name",
      "Another Project Description",
      "Another Project Link"
    ]
  ],
  "colors": {
      ...
  }
}

Run the Project Locally:

Clone the repository

git clone https://github.com/nasan016/webshell.git

Go to the project directory

cd webshell

Install the dependencies

npm install

Start the server

npm run dev