Módulo 3 - React

Listado de #adalabers 💜

Ejercicio de evaluación intermedia.

URL del ejercicio: Listado de Adalabers

Desarrollar una SPA con React:

1. Pintar el listado de Adalabers

• Pintar cabecera con título 'Adalabers'.
• Obtener datos de la API y pintar listado inicial.

2. Añadir nueva Adalaber

• Crear formulario con los campos: nombre, tutora, especialidad y botón 'Añadir nueva Adalaber'.
• Al pulsar el botón, añadir nueva Adalaber al listado.
• TIPS: dónde guardar los datos del formulario, qué tipo de datos se van a guardar, qué valores iniciales tienen estos datos.

Bonus:

3. Filtrar listado de Adalabers por nombre y/o tutora
4. Mostrar redes sociales
5. Maquetación

Ideas para mejorar el ejercicio:

• Obtener tutoras directamente de los resultados de la API *
• Generar id único con Nano ID
• Guardar datos en almacenamiento local
• Crear componentes

(*) La API no funciona, ahora los datos se obtienen de un archivo JSON.

---

My React Starter Kit ✨

• NPM dependencies: node-sass nanoid
• Services: API and Local Storage
• Publish in GitHub Pages: npm run githubpages

---

Happy coding!