Cinema te invita al cine gratis

Índice

• 1. Presentacion
• 2. Resumen del proyecto
• 3. Imagen final del proyecto
• 4. Investigacion UX
• 5. Readme

---

1. Presentacion

Este proyecto fue desarrollado para la empresa "Cinema", para beneficio de la misma y de sus usuarios

2. Resumen del proyecto

En este proyecto la marca invita a sus usuarios al cine, dándoles a elegir entre diferentes opciones de películas con distintos géneros.

3. Imagen final

Estructura visual final del producto "CINEMA, te invita al cine gratis"

Inicio de la página/ elegir película

Visualización de la sinopsis de la película / Generar código

Checar código

4. Investigacion UX

objetivo

Se busca impactar a un segmento de hombres y mujeres mayores de edad, entre 18 y 50 años, con gusto por el cine, clientes recurrentes de nuestros servicios.

El objetivo principal es impactar al usuario de forma que se refuerce la preferencia del cliente por nuestro cine, consiguiendo así la lealtad de nuestros clientes

Resoluciön de necesidad del cliente

Está aplicación resolvera la necesidad del cliente de pertenecía, atraves del lanzamiento de esta promoción el consumidor se sentirá beneficiado por nuestra marca.

Prototipo de baja fidelidad

Feedback recibido e implementado

• me sugirieron algunos ajustes en el flujo del proyecto, lo cual ayudo al dinamismo del mismo.

• Me sugirieron reducir el número de páginas de mi app para que la navegación e interaccion del usuario fuera mas sencilla.

Prototipo finaL

5. Readme

UX

• [ 🤩]Diseñar la aplicación pensando y entendiendo al usuario.
• [ 🤩] Crear prototipos para obtener feedback e iterar.
• [ 🤩] Aplicar los principios de diseño visual (contraste, alineación, jerarquía).

HTML y CSS

• [ 😅] Uso correcto de HTML semántico.
• [ 😀] Uso de selectores de CSS.
• [ 😀] Construir tu aplicación respetando el diseño realizado (maquetación).

DOM

• [ 👍] Uso de selectores del DOM.
• [ 👍] Manejo de eventos del DOM.
• [ 👍] Manipulación dinámica del DOM.

Javascript

• [ 👍] Manipulación de strings.
• [ 😢] Uso de condicionales (if-else | switch).
• [ 👍] Uso de bucles (for | do-while).
• [ 👍] Uso de funciones (parámetros | argumentos | valor de retorno).
• [ ] Declaración correcta de variables (const & let).

Testing

• [ 😱 ] Testeo de tus funciones.

Git y GitHub

• [ 👌🏿] Comandos de git (add | commit | pull | status | push).
• [ 👌🏿 ] Manejo de repositorios de GitHub (clone | fork | gh-pages).

Buenas prácticas de desarrollo

• Uso de identificadores descriptivos (Nomenclatura | Semántica).

• Uso de linter para seguir buenas prácticas (ESLINT).

                                                                 .GRACIAS POR SU ATENCIÓN!