Crear un frontend en React que permita al usuario gestionar un listado de personajes. Crea una home page inicial y un menu que navegue entre la home y los personajes. La página inicial algún logo junto con el número de personajes disponibles. El estado y su lógica debe estar en un Custom Hook. Opcionalmente puedes llevar su instancia a un Contexto. El usuario debe poder listar, crear, modificar y borrar personajes (CRUD). Cada personaje debe mostrar un nombre, una imagen y unas características:
- Arma
- Edad
- Familia
Los datos deben de tener persistencia en JSON-Server. Crea un servicio/repository para abstraer las interacciones con tu API. Utiliza para ello clases de TS.
- Testea todo lo posible al terminar cada componente o elemento. Cuidado: te falta testing.
- Mejora el CSS. Estaría muy bien que lo hicieras con BEM y SASS.
- Cuida el valor semántico del HTML y valídalo.
- Incluye las Actions de Audit y testing/Sonar.
- Protege la rama main de Github y obliga que se cumplan las actions para poder mergear las PR. Trabaja con ramas cortas (unos pocos commits). Cuida especialmente los mensajes de los commits.
- Volviendo al testing: haz que se recoja en Sonar y trata de llegar al _100% de coverage_
- Crea una página de favoritos para los personajes que seleccione el usuario.
- Crea una página de detalle para los personajes. Puedes añadir al modelo la información que se te ocurra para mostrarla en esta página.
https://patricia-challenge-w12.netlify.app/
https://sonarcloud.io/summary/overall?id=patifusa-20_202301-W12-patricia-rufino