Primeros pasos (Asumiendo que ya cuentas con git instalado en tu computadora, un IDE y una terminal): Hacer fork del proyecto, posteriormente git clone, y npm i para instalar las dependencias empleadas. Desplegar el server: como uno de los requerimientos, este proyecto se realiza con json server por lo que se debe desplegar nuestro servidor: abrir la terminar y ejecutar el comando npm run mock-api Desplegar el local: ¡Asegurarte de que la ruta mostrada en la terminal es correcta! y ejecuta el comando * npm start *
- Sin dudas fue un proyecto retador tanto por los requisitos como por el tiempo del que disponíamos. Ese fue el primer punto que me gusto: enfrentarme a un proyecto nuevo que conlleva muchos aprendizajes.
- El uso de SASS para los estilos.
- Antes de este proyecto, no había tenido la oportunidad de realizar algún proyecto con SASS y creo que esta fue la oportunidad perfecta. Me gustó mucho la forma en que se pueden crear las variable pues abre todo un mundo de posibilidades para desarrollar los estilos de una manera más agradable.
- Desarrollar el modo responsive
- Me hubiera gustado que mi función de AGREGAR guarde la data, porque en este momento la ventana modal solo la crea. Y para finalizar, construir las pruebas unitarias.
- Creo que la curva de aprendizaje de Redux es larga pero me resultó interesante la forma en que se maneja, por lo que me hubiera gustado tener más tiempo para documentarme acerca de redux de una forma más sólida y terminar la ejecución de estos requerimientos.
-
El renderizado de los estilos de las tarjetas de los personajes según su casa de Hogwarts
-
Me gustaría mencionar que fue mi primera vez usando * SASS, JSON Server y Redux. * En ocasiones anteriores había usado otras herramientas para crear mocks de API's y por lo regular siempre uso css puro en los estilos. Entonces al leer el reto me enfrenté a muchas curvas de aprendizaje a la vez y aunque no completé todas las funcionalidades, si me llevo bastante aprendizaje:
-
Un pain point al que me enfrenté fue el renderizado de los estilos de las tarjetas de los personajes según su casa de Hogwarts, sin embargo logré afrontarlo una vez que comprendí la lógica de las variables en SASS y cómo ayudan a optimizar este tipo de procesos.
-
Tambien tuve un bug para llamar la data, lo solucioné empleando axios y haciendo la petición a la url correspondiente.