Carta al Usuario

Nuestro dormitorio ha pasado a ser una parte primordial del hogar, es el espacio en donde realizamos gran cantidad de nuestras tareas diarias; el trabajo y la escuela remota nos han llevado a tomar nuestra habitación como un espacio que proporciona ese sentido de privacidad, generador de mil sensaciones y emociones. Con esto en mente Karolo’s Bedroom ofrece un espacio especializado en propuestas, decoración y cientos de productos para lograr ese estilo y ambiente que sólo tú puedes formar.

Karolo’s Bedroom pretende ser más que una tienda online, la finalidad es que tu misma búsqueda y la segmentación de productos basada en: departamentos, paletas de colores, productos o estilos; Aporten ideas a tu plan de decoración y logres una explosión creativa basada en lo que TÚ deseas.

Es por este motivo que te consideramos un usuario, más que un cliente. Nos gustaría que Karolo´s Bedroom sea una experiencia para todo aquel que tenga la finalidad de personalizar este espacio.

En este sitio cualquier persona mayor de edad, que cuente con un método de pago (Tarjeta de crédito ó débito), válido y vigente. Realice una cuenta (con datos de contacto) para agregar a su shopping bag los productos que desee adquirir. Lo que se muestra en en la página, es la parte previa al final de la compra en donde se confirma la tarjeta con la cual se realizará la compra:

• Se ingresa un número de tarjeta válido, previamente registrado
• Se confirma los que se ha introducido la tarjeta con tal terminación
• Se ser la terminación correcta, se presiona el botón ok.
• Finalmente aparece en pantalla un mensaje de compra exitosa.
• Se reciben los artículos en el domicilio de la cuenta.
• LISTO!!! ahora realmente es tu Bedroom.

Karolo´s Bedroom

Febrero 2023

---

Base de Proyecto: Criterios de aceptación del proyecto

Estos son los requisitos que debía cumplir mi proyecto para que consideremos que has completado para esta etapa de tu aprendizaje.

1. La interfaz de tu aplicación debe:

• Permitir insertar el número de la tarjeta que se quiere validar (texto) en un campo de texto vacío.
• Evitar que puedan escribir caracteres que no sean numéricos (dígitos 0-9).
• Impedir que se intente validar si es que el campo está vacío (no se ha escrito nada).
• Comunicar a la usuaria si se trata una taerjeta válida o no.
• Ocultar todos los dígitos del número de tarjeta con exepción de los últimos 4 caracteres.

2. Pruebas unitarias de los métodos.
Los metódos de validator (isValid y maskify) deben tener cobertura con pruebas unitarias.

3. Código de tu proyecto subido a tu repo e interfaz "desplegada".
El código final debe estar subido en un repositorio en GitHub. La interfaz o pagina web, debe ser "desplegada" (accesible públicamente online) usando GitHub Pages.

4. Un README que contiene una definición del producto.
En el README cuéntanos cómo pensaste en los usuarios y cuál fue tu proceso para definir el producto final a nivel de experiencia y de interfaz.
Estas preguntas sirven como guía:

• Quiénes son los principales usuarios de producto.
• Cuáles son los objetivos de estos usuarios en relación con tu producto.
• Cómo crees que el producto que estás creando está resolviendo sus problemas.

Objetivos de aprendizaje generales

HTML

• Uso de HTML semántico

CSS

• Uso de selectores de CSS

• Modelo de caja (box model): borde, margen, padding

Web APIs

• *Uso de selectores del DOM

• Manejo de eventos del DOM (listeners, propagación, delegación)

• Manipulación dinámica del DOM

JavaScript

• Tipos de datos primitivos

• Strings (cadenas de caracteres)

• Variables (declaración, asignación, ámbito)

• Uso de condicionales (if-else, switch, operador ternario, lógica booleana)

• Uso de bucles/ciclos (while, for, for..of)

• Funciones (params, args, return)

• Pruebas unitarias (unit tests)

• Módulos de ECMAScript (ES Modules)

• Uso de linter (ESLINT)

• Uso de identificadores descriptivos (Nomenclatura y Semántica)

Control de Versiones (Git y GitHub)

• Git: Instalación y configuración

• Git: Control de versiones con git (init, clone, add, commit, status, push, pull, remote)

• GitHub: Creación de cuenta y repos, configuración de llaves SSH

• GitHub: Despliegue con GitHub Pages

Centrado en el usuario

• Diseñar y desarrollar un producto o servicio poniendo a las usuarias en el centro

Diseño de producto

• Crear prototipos de alta fidelidad que incluyan interacciones

• Seguir los principios básicos de diseño visual