Este repositorio contiene un proyecto grupal aplicando lo aprendido durante estas semanas en ISDI Coders - Bootcamp MAD.
En este proyecto grupal vamos a crear una web basada en la serie de “Rick y Morty”. Esta web servirá para darle al usuario un espacio donde pueda interactuar con elementos de la serie (personajes, episodios o localizaciones).
Cabe recalcar que se tiene como objetivo aplicar lo aprendido, no obstante la obtención del resultado final podrá variar según los desafíos que se plantearán durante el desarrollo de la app.
La app tiene tres ramas principales: personajes, episodios y localizaciones. Las interacciones principales con el usuario es el añadir a favoritos elementos de las ramas principales, y editarlos.
También permite al usuario realizar búsquedas con herramientas de filtrado entre los personajes, episodios y localizaciones.
Como espacio de trabajo se utilizó GitHub, al cual condicionamos con Hooks (huskies) y GitActions.
La creación del ‘server’ tiene como origen la API: “The Rick and Morty API (https://rickandmortyapi.com/)”, de donde recibimos la información a tratar.
La utilización de componentes nos facilita la creación de la web, para ello esta app está construida con el framework ‘Angular’, aplicando JavaScript, CSS y HTML.
También se realizan los respectivos tests, tanto en cada componente como en la app en general, utilizando el sistema de testado de Angular modificado para similar a JEST. A su vez, se aplicó la utilización de SonarCloud.
(Insertar imagen de SonarCloud)
La web tiene un modelo resposive con el fin de ser accesible, manteniendo un perfomance óptimo, según “Lighthouse”.
(Insertar imagen de resultados de Lightroom)
Facilitando las labores diarias, el uso de Trello (https://trello.com/b/eDxbwXTr/jessieproject) es indispensable para la organización y gestión de estos.
Se creó también un proyecto en Figma ("https://www.figma.com/file/s6uIYYpab88FQOJxJHb07V/Equipo-Jessie---Rick%26Morty?type=design&mode=design&t=NwCHSu8peOUJbMiA-1")con el fin de servir de guía para los estilos aplicados en la web, guardando en él la paleta de colores, fuentes de texto, ícenos e imágenes.