En este proyecto vamos a realizar una aplicación web interactiva que nos permite crear una tarjeta de visita personalizada. En ella podemos introducir nuestros datos profesionales y obtener una vista maquetada con esta información.
Hemos necesitado el Starter Kit Adalab, el diseño en Zeplin y crear un repositorio en GitHub
Zeplin
Vs Code
Google
GitHub
Slack
Zoom
Starter Kit Adalab
En el desarrollo de esta aplicación web usaremos las siguientes tecnologías: 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
La aplicación funciona siguiendo estos pasos:
- 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 un cuadro similar a una tarjeta de visita, que será la muestra del resultado final
- Permitir que el usuario pueda crear una web con su tarjeta y compartirla por Twitter
Laura Caurín
Veronica Salandy
Marina Caro
Virginia Lucero
Isabel Collado