/modulo-3-evaluacion-intermedia

Evaluación intermedia (módulo 3: React - Adalab)

Primary LanguageJavaScript

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.
  1. 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:

  1. Filtrar listado de Adalabers por nombre y/o tutora
  2. Mostrar redes sociales
  3. 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!