Terminal Portfolio with Svelte

A modern Linux-style interactive portfolio built with Svelte, Javascript, and CSS.

Screenshot

โœจ Features

  • ๐Ÿ”ง Fully interactive terminal experience
  • ๐Ÿ“ Display homescreen with ascii art
  • ๐ŸŽจ Neofetch
  • ๐Ÿ“ฑ List of social media
  • โšก Show information about developer and projects
  • ๐Ÿ”„ Run calculator

๐Ÿš€ Available Commands

Command Description
about Display about me information
contact Show contact information
calc 7 + 3 Run calculator
home Show homescreen
neofetch Show a specification
projects List of projects
clear Clear terminal
help Show available commands

๐Ÿ› ๏ธ Tech Stack

๐Ÿ“ฆ Installation

  1. Clone repository:

    git clone https://github.com/zulhaditya/porterminal.git
    cd porterminal
    
  2. Install dependencies:

    npm install
    
  3. Run development server:

    npm run dev
    
  4. Build for production:

    npm run build
    

๐ŸŒˆ Customization

Add New Commands

  1. Create new file in src/commands/:

    <!-- MyCommand.svelte -->
    <script lang="ts">
      export let args: string[] = [];
    </script>
    
    <div class="command-output">
      Your command output here
    </div>
    
  2. Register command in Terminal.svelte:

    const commands = {
      // ...
      mycmd: MyCommand
    };
    

Change Theme

Edit src/app.css:

:root {
  --primary: #4af626; /* Terminal green */
  --bg: #1e1e1e;     /* Background color */
}

๐Ÿงช Testing

Run test suite:

npm test

๐Ÿค Contributing

  1. Fork the project
  2. Create feature branch (git checkout -b feature/latest-feature)
  3. Commit changes (git commit -m 'Add latest feature')
  4. Push to branch (git push origin feature/latest-feature)
  5. Open Pull Request

Top categories

svelte logo

Need a Svelte website built?

Hire a professional Svelte developer today.
Loading Svelte Themes