Awesome profile-cards - Grupo 8:

El proyecto consiste en crear una 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

Se ha utilizado el Adalab Web Starter Kit (AWSK), que incluye un motor de plantillas HTML, preprocesador SASS y un servidor local. Se necesita instalar Node JS para trabajar con el proyecto.

Es importante comentar que las carpetas public/ y docs/, son generadas automáticamente cuando arrancamos el proyecto. El Kit lee los ficheros que hay dentro de src/, los procesa y los genera dentro de public/ y docs/.

Tecnologías utilizadas:

• 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.
• 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.
• Uso de API.

Detalles de la web:

• Una página landing de bienvenida.

• Una página para la aplicación de crear tarjetas que permita al usuario:

  1. Elegir el estilo de la tarjeta, eligiendo además una paleta de colores.

  2. 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 finalizado.

  3. Que el usuario pueda crear una web con su tarjeta y compartirla por Twitter.

Feedback:

Si tienes cualquier feedback sobre este proyecto, esperamos tus comentarios.