Game of Thrones Web Clone

Imitación y/o Mejora de un Diseño Web

Este proyecto es una recreación de una web inspirada en una imagen de Game of Thrones encontrada en Pinterest. El diseño original era solo para escritorio, pero he expandido el proyecto para hacerlo responsive, agregando interacción y lógica utilizando SCSS, Typescript y Angular.

Comparación de Diseños

• Diseño Original

Imitaciones por Tipo de Pantalla

1. Mobile-Large

   • iPhone XR/XS Max
   • Resolución: 414x1941

2. Mobile-Medium

   • Galaxy S9/Note 8/S8
   • Resolución: 349x2186

3. Tablet-Large

   • iPad Pro (12.9-inch)
   • Resolución: 1026x1475

4. Laptop-Standard

   • Laptop Standard
   • Resolución: 1440x1622

5. Desktop-Wide

   • Large Screen
   • Resolución: 691x1334

6. Laptop-Personal

   • Personal Laptop
   • Resolución: 1366x1608

Mejoras realizadas:

• Adaptado para celulares, tablets, y otras resoluciones.

Código del Proyecto

1. Clonar el repositorio usando Git:

   git clone https://github.com/dkevlas/GameOfThonesClone.git

2. Navegar al directorio del proyecto:

   cd GameOfThonesClone

3. Instalar las dependencias Asegúrate de tener Node.js y npm instalados. Luego ejecuta:

   npm install

4. Iniciar el servidor:

   ng serve