chore: Update VSCode settings and README.md

.vscode/settings.json

@@ -1,3 +1,4 @@
 {
-    "svg.preview.background": "editor"
+    "svg.preview.background": "editor",
+    "livePreview.defaultPreviewPath": "/index.html"
 }

README.md

@@ -1,2 +1,58 @@
+<!-- Readme language: Spanish -->
 # alura-challenge
+
 Challenge de la etapa "Principiante en Programacion" en ONE G7.
+
+<!-- tabla de contenidos -->
+## 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)
+
+
+<!-- fin tabla contenidos -->
+
+## 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.
+
+<!-- menu capturas de pantalla en navegador y mobile -->
+## 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)
+
+<!-- fin capturas de pantalla -->