Somos las Flex and the City y hemos creado con cariño y esfuerzo este proyecto entre:
Ha sido nuestro primer proyecto con Javascript, añadiendo los conocimientos aprendidos en nuestro día a día en Adalab. El proyecto consta de dos páginas: una página de bienvenida y una página con una aplicación para crear tarjetas profesionales que puedas compartir fácilmente en las redes sociales.
Para ello, hemos usado el
que podéis encontrar en https://github.com/Adalab/Adalab-web-starter-kit, con la explicación detallada de lo que contiene.
Para hacer funcionar nuestra web, hay que seguir los siguientes 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.
Y para hacer funcionar todo esto, tuvimos que seguir las siguientes especificaciones:
- 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.