Este proyecto toma como base el código heredado de itgirls, del segundo sprint (el currículum interactivo).
- 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.
La idea fundamental de este proyecto es que aprendamos a trabajar con un proyecto heredado. De esta forma desarrollaremos nuestra capacidad de adaptarnos a proyectos ya existentes. Esto nos preparará para, de cara al futuro, entrar en equipos nuevos de desarrollo con mayor rapidez, mejorar nuestra capacidad de modificación de código creado por otras personas y concienciarnos de la importancia de crear buen código visto desde la otra parte, la persona que lo recibe.
Se partirá de un proyecto funcional y se realizará una refactorización del código incluyendo el uso de React. En este caso el objetivo principal será la refactorización, pero sí podremos añadir pequeñas mejoras sobre la base de código.
De cara a la refactorización, el proyecto debe utilizar estas tecnologías:
- Uso de Sass para los estilos.
- Uso de ES6 y React para la estructuración del JS de la aplicación.
- Uso de mediaqueries para que el diseño sea adaptable al dispositivo.
- Desarrollo usando la estrategia mobile first.
- Uso de 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.
La webapp deberá tener las siguientes nuevas características:
- Deberá usar transiciones y/o animaciones para mejorar interacciones con la web.
- Podrá incluir otras pequeñas mejoras: incluir foto en el CV, modificar el contenido del CV según se va escribiendo en un campo, etc.
BONUS: Los distintos pasos de para crear el CV (1. elegir estilos, 2. datos personales, 3. experiencia laboral, etc.) podrían implementarse con una navegación entre distintas páginas de la aplicación usando React router.
Background, Memphis Colorful obra de Raul Gaitan