README.es.md

terminal.mariomh.com

Portfolio personal en formato terminal

Características

• 📱 Diseño responsive
• 🎨 Soporte para múltiples temas
• ✨ Autocompletado de comandos (TAB | Ctrl + i)
• ⬆️ Ir al comando anterior y siguiente
• 📖 Ver el historial de comandos
• 🔥 PWA y soporte offline
• 🇬🇧 Soporte para inglés y 🇪🇸 español

Tecnologías

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

Puntuación Lighthouse

Ejecutar proyecto

Clonar el proyecto

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

Acceder al directorio del proyecto

cd terminal.mariomh.com

Instalar dependencias

bun install

Ejecutar servidor

bun dev

Desplegar proyecto

Accede a la GitHub Action Deploy to Firebase y ejecuta el workflow.

Estructura del proyecto

El proyecto está organizado en varios directorios y archivos principales:

• src/: Este directorio contiene todo el código fuente del proyecto.
  • components/: Contiene los componentes específicos del proyecto.
  • layouts/: Contiene el layout base de la página.
  • pages/: Contiene los componentes de Astro que representan las páginas de la aplicación.
  • styles/: Contiene los estilos globales de la aplicación.
• public/: Este directorio contiene todos los archivos estáticos.

Inspiración y créditos

Aquí hay algunas inspiraciones para este tipo de sitio web de terminal. Solo algunas características y funcionalidades están inspiradas en los siguientes sitios web. Todo el código está escrito por mi cuenta.

• Terminal Portfolio by Sat Naing
• term m4tt72
• Forrest