En este proyecto vamos a realizar una aplicación web que nos permite crear una tarjeta de visita personalizada. En la página web podemos introducir nuestros datos profesionales y obtener una vista maquetada con esta información.
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 en Internet mediante peticiones al 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 de bienvenida
- una página con la aplicación de crear tarjetas
La aplicación funciona siguiendo estos pasos:
- Permitir al usuario elegir el estilo de la tarjeta, eligiendo paleta de colores y tipografía
- 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 compartir su tarjeta de visita por Twitter