• 8.1 Mejorar la Api

• Añadir el script en package.json
• Ejecutarlo con npm githubpages
• Crearla en settings desde docs

• 4.1 Guardar el valor del input en una variable de estado
• 4.2 Crear una función manejadora del evento del input
• 4.3 Crear una constante del filtro para pasarselo a AdviceList
• 4.4 Guardar la busqueda en Local Storage
• 4.5 Botón para borrar el registro y LS

• 1.1 Crear repo en GitHub
• 1.2 Crear panel proyecto en GitHub
• 1.3 Clonar repo en local
• 1.4 No olvidar .gitignore antes del primer push
• 1.5 Crear sistema de carpetas y ficheros
• 1.6 Crear estructura HTML en App.js
• 1.7 Crear una landing page

6.1 Como nos gusta cuidar la semántica, el campo de texto debe estar recubierto por una etiqueta
6.2 Si estando en el campo de filtrado pulsamos intro debéis impedir que el navegador navegue o cambie la ruta sin querer.
6.3 Si se busca por un texto por ejemplo "XXX" y no hay ningún personaje que coincida con dicho texto se debe mostrar un mensaje del tipo "No hay ningún personaje que coincida con la palabra XXX".
6.4 El filtro debe filtrar independientemente de que la usuaria introduzca el texto en mayúsuclas o minúsculas.
6.5 Al entrar en el detalle de un personaje y a continuación pulsar atrás, el campo de texto debe mostrar el texto que tenía anteriormente.

Hacer función callToApi para cargar los resultados al cargar la página.
useEffect( ,[]) para que haga el callToApi al inicio.
Datos a extraer del API:

• Id

• Foto

• Nombre

• Temática

• Url

• 2.1 Fech

• 2.2 Crear Api

• 2.3 Guardar en un useState

• 2.4 useEffect

• 2.5 Pintar listado de datos --> Tarea 3

• 2.6 Guardar en Local Storage

• Usar algún sistema de grid para pintar el listado de personajes.

• Que funcione bien el responsive en dispositivos pequeños.

• Reset

• Page

• Variables

• Header

• Main

• List

• Footer

• 5.1 Instalar react-router-dom
• 5.2 Importar hook
• 5.3 Estructura
  • Home Page
  • Not found
  • 404
  • Modal Window

Crear estructura HTML

• Header
• Main
• Buscador
• Resultados
• Footer

• 3.1 Estructura de ficheros
  a. Filters
  b. AdviceList.js
  c. AdviceCard.js
• 3.2 Componente AdviceList
• 3.3 Componente AdviceCard