Interfaz X-Files: Firewalker (En proceso)
Una interfaz web estática inspirada en el universo de The X-Files, específicamente en el clásico episodio Firewalker(T2E9). Este proyecto forma parte de mi portafolio personal de desarrollo frontend.
El objetivo principal es demostrar habilidades sólidas en la estructura, maquetación y diseño visual utilizando únicamente tecnologías web nativas.
En la carpeta "referencia" guardé unos frames del capítulo en el cual aparece la interfaz en cuestión.
---------------------------
Tecnologías Utilizadas
HTML5: Estructuración semántica del contenido de la interfaz.
CSS3: Diseño responsivo, estilos personalizados, manejo de tipografías y efectos visuales temáticos.
---------------------------
Características del Proyecto
Diseño Temático: Estética oscura y de ciencia ficción alineada con la atmósfera de la serie. Lo que al día de hoy se podría llamar "retro".
Estructura Semántica: Uso correcto de etiquetas HTML (<header>, <main>, <section>, <footer>) para mejorar la accesibilidad.
Código Limpio: Organización clara de archivos y clases de CSS fáciles de mantener.
---------------------------
Cómo Ejecutar el Proyecto Localmente
Si querés probar la interfaz desde tu computadora, seguí estos pasos:
Clona el repositorio:
git clone [https://github.com](https://github.com/diegogodoy96/interface-xfiles.git)
Dirigite a la carpeta del proyecto:
cd interfaz-x-files-firewalker
Abrí el archivo principal: Buscá el archivo index.html y dale doble clic para abrirlo en cualquier navegador web (Chrome, Edge, Firefox, etc.).
---------------------------
Estado del Proyecto & Próximos Pasos (Roadmap)
Este proyecto se encuentra actualmente en desarrollo activo (Work in Progress).
- Estructuración principal de la interfaz con HTML semántico.
- Estilizado del panel izquierdo de comandos (POWER, SYSTEM, VISUAL, etc.).
- Maquetación del radar/osciloscopio del panel VISUAL con CSS de alta precisión.
- Grid de estado de sensores inferiores (AIR TEMPERATURE, GAS CHROMATOGRAPH).
- (Opcional/Futuro) Agregar animaciones intermitentes (blinking) o simulación de datos dinámicos con JS.
