diff --git a/.vscode/settings.json b/.vscode/settings.json index 4bb53b7..0d2e811 100644 --- a/.vscode/settings.json +++ b/.vscode/settings.json @@ -1,3 +1,4 @@ { - "svg.preview.background": "editor" + "svg.preview.background": "editor", + "livePreview.defaultPreviewPath": "/index.html" } \ No newline at end of file diff --git a/README.md b/README.md index 88e0744..4a9b718 100644 --- a/README.md +++ b/README.md @@ -1,2 +1,58 @@ + # alura-challenge + Challenge de la etapa "Principiante en Programacion" en ONE G7. + + +## Tabla de Contenidos +- [Descripción](#descripción) +- [Requerimientos](#requerimientos) +- [Ejecución](#ejecución) + - [Capturas de Pantalla en Navegador](#capturas-de-pantalla-en-navegador) + - [Capturas de Pantalla en Mobile](#capturas-de-pantalla-en-mobile) + + + + +## Descripción +Este repositorio contiene el código fuente de la solución al reto de la etapa "Principiante en Programación" en ONE G7. La solución fue desarrollada en HTML, CSS y Javascript, y se encuentra en el archivo `index.js`. + +## Requerimientos +Puede Ejecutar la solución en cualquier navegador web moderno, como Google Chrome, Mozilla Firefox, Microsoft Edge, Safari, etc. + +## Ejecución +Para ejecutar la solución, puede acceder al mismo desde la url de github pages [aquí](https://carlosferreyra.github.io/alura-challenge/) o clonar el repositorio y abrir el archivo `index.html` en su navegador web. + + +## Capturas de Pantalla +Las siguientes capturas de pantalla muestran el funcionamiento de la solución en un navegador web y en un dispositivo móvil. + +### Navegador + +#### Captura de Texto a codificar: + +![texto a codificar](./assets/screenshots/screenshot1-desktop.png) + +#### Captura de Texto codificado: + +![texto codificado](./assets/screenshots/screenshot2-desktop.png) + +#### Captura de Texto a decodificar: + +![texto a decodificar](./assets/screenshots/screenshot3-desktop.png) + +#### Captura de Texto decodificado: + +![texto decodificado](./assets/screenshots/screenshot4-desktop.png) + +### Mobile + +#### Captura de Texto a codificar: + +![texto a codificar](./assets/screenshots/screenshot1-mobile.png) + +#### Captura de Texto codificado: + +![texto codificado](./assets/screenshots/screenshot2-mobile.png) + + \ No newline at end of file diff --git a/assets/screenshots/screenshot1-desktop.png b/assets/screenshots/screenshot1-desktop.png new file mode 100644 index 0000000..09e8b47 Binary files /dev/null and b/assets/screenshots/screenshot1-desktop.png differ diff --git a/assets/screenshots/screenshot1-mobile.png b/assets/screenshots/screenshot1-mobile.png new file mode 100644 index 0000000..42d6f1a Binary files /dev/null and b/assets/screenshots/screenshot1-mobile.png differ diff --git a/assets/screenshots/screenshot2-desktop.png b/assets/screenshots/screenshot2-desktop.png new file mode 100644 index 0000000..4417946 Binary files /dev/null and b/assets/screenshots/screenshot2-desktop.png differ diff --git a/assets/screenshots/screenshot2-mobile.png b/assets/screenshots/screenshot2-mobile.png new file mode 100644 index 0000000..eaf076e Binary files /dev/null and b/assets/screenshots/screenshot2-mobile.png differ diff --git a/assets/screenshots/screenshot3-desktop.png b/assets/screenshots/screenshot3-desktop.png new file mode 100644 index 0000000..33d95fa Binary files /dev/null and b/assets/screenshots/screenshot3-desktop.png differ diff --git a/assets/screenshots/screenshot4-desktop.png b/assets/screenshots/screenshot4-desktop.png new file mode 100644 index 0000000..cda87d9 Binary files /dev/null and b/assets/screenshots/screenshot4-desktop.png differ