terminal.mariomh.com

Terminal style portfolio website

Features

• 📱 Responsive Design
• 🎨 Multiple themes
• ✨ Autocomplete feature (TAB | Ctrl + i)
• ⬆️ Go previous and next command
• 📖 View command history
• 🔥 PWA and Offline Support
• 🇬🇧 English and 🇪🇸 Spanish support

Tech Stack

• Runtime - Bun
• Frontend - Astro, Preact
• Styling - Plain CSS
• Deployment - Firebase
• Languages - TypeScript
• State Management - nanostores

Lighthouse Score

Running Locally

Clone the project

git clone https://github.com/MarioMH8/terminal.mariomh.com.git

Go to the project directory

cd terminal.mariomh.com

Install dependencies

bun install

Start the server

bun dev

Deploying the project

Access the GitHub Action Deploy to Firebase and run the workflow.

Project Structure

The project is organized into several main directories and files:

• src/: This directory contains all the source code for the project.
  • components/: Contains the project-specific components.
  • layouts/: Contains the base layout of the page.
  • pages/: Contains the Astro components that represent the pages of the application.
  • styles/: Contains the global styles of the application.
• public/: This directory contains all the static files.

Inspiration and Credits

Here are some inspiration for this kind of terminal website. Only some features and functionalities are inspired by these following websites. All codes are written on my own.

• Terminal Portfolio by Sat Naing
• term m4tt72
• Forrest