Aplicación web para crear tarjetas de visita virtuales personalizadas, maquetada con HTML y CSS avanzado, cuya interactividad ha sido implementada con JavaScript.
Para su desarrollo nos hemos basado en las siguientes historias de usuario:
- Landing y UI de la herramienta
- Uso avanzado de formularios HTML.
- Maquetación usando CSS avanzado.
- Uso de mediaqueries para que el diseño sea adaptable al dispositivo usando la estrategia mobile first.
- Versión interactiva
- Gestión de eventos en el navegador: las secciones aparecen colapsadas y se despliegan cuando la usuaria clica en ellas, la información de los inputs y la imagen se muestran en la tarjeta de previsualización, la tarjeta cambia de color según la paleta seleccionada, el botón de reset restablece toda la información...
- Compartir
- Envío del objeto json a un servidor para generar el enlace de la tarjeta creada por la usuaria.
- Habilitación de un botón para compartir el enlace generado en Twitter con un mensaje predeterminado.
- Versión offline
- Almacenamiento en el local storage para mantener los datos de la usuaria tanto en los inputs como en la tarjeta de previsualización.