Ejercicio realizado en el Sprint 3 del curso de Programación Front-End de Adalab por un grupo de 5 alumnas en el que se demustran los conocimientos adquiridos durante dicho periodo.
Realizar una aplicación web que permite crear una tarjeta de visita personalizada a partir de código heredado de otras compañeras del curso. En la página web podemos introducir nuestros datos profesionales y obtener una vista maquetada con esta información.
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
- Lidiar con código heredado y ser capaces de refactorizarlo
- Saber identificar y generar los componentes de una página, separarlos y crear componentes visualmente similares a partir de estos
- Aprender a usar React para crear una aplicación web sencilla
- Exponer en la sesión final y seguir adquiriendo habilidades de desarrollo personal
- Aprender a buscar información en la documentación de librerías externas
En el proyecto se utilizan las siguientes tecnologías:
- Sass para los estilos
- ES6 y React para la estructuración del JS de la aplicación
- Mediaqueries para que el diseño sea adaptable al dispositivo
- Estrategia mobile first
- Git para el control de versiones del proyecto, con ramas y pull-requests para revisar los cambios de las compañeras
- Publicación del resultado en Internet usando GitHub Pages
- React router para navegar de la página de bienvenida a la aplicación. Ambas tendrán su propia ruta.