Este proyecto consiste en la realización de una aplicación web para crear tarjetas de visita personalizadas. Deberemos poder introducir nuestros datos profesionales y obtener una vista maquetada con esta información.
- Uso avanzado de formularios HTML
- Maquetación usando CSS avanzado, como flex y grid
- Uso de mediaqueries para que el diseño sea adaptable al dispositivo usando la estrategia mobile first
- Gestión de eventos en el navegador (al hacer click, pasa x, etc.)
- Acceso y envío de datos a un servidor
- Almacenamiento en local usando LocalStorage
- Uso de git para el control de versiones del proyecto
- Publicación del resultado en Internet usando GitHub Pages
El proyecto consta de 2 páginas:
- Una página landing de bienvenida
- Una página con la aplicación de crear tarjetas
- Las 3 partes del proceso de creación serán elementos colapsables: al hacer clic en el título se mostrará/ocultará solo mostrando una sección a la vez
- Permitir al usuario elegir el estilo de la tarjeta, eligiendo paleta de colores
- Permitir al usuario que, mediante la introducción de información en un formulario, este texto se muestre maquetado automáticamente en la tarjeta de visita
- Almacenar la información del formulario en LocalStorage (almacenamiento local del navegador), de forma que al recargar la página siga disponible y pueda ser borrada con el botón de Reset
- Permitir que el usuario pueda crear una web con su tarjeta y compartirla por Twitter
El diseño de la página web está basado en este diseño de zeplin, pero se le puede añadir cierta libertad creativa:
- Opción a realizar un logo personalizado
- Utilizar un fondo personalizado en la previsualización de la tarjeta
- Añadir más paletas a las definidas en el diseño, pero no eliminar las que os proponemos ;)
- Entrega del primer sprint (sprint review): 19 de septiembre
- Entrega del segundo sprint (sprint review): 28 de septiembre
- Demo del proyecto (presentación final): 5 de octubre
Arbite · Raquel050479 · anddieguez · dianaString · mireiamc ·