Bootcamp Full Stack Web Developer

Práctica Final - Módulo: Desarrollo Frontend con JavaScript

NodePop Frontend

Esta práctica consiste en desarrollar el FRONTEND de una aplicación de anuncios de compra/venta de productos, con manejo de usuarios.

Sólo puede usarse VanillaJS, no es posible usar ningún framework o librería.

Contiene:

  • Home: Se muestra una lista con todos los anuncios de la plataforma.
  • Detalles del anuncio: Al hacer click en cualquier anuncio, envía a una página con todos los detalles del anuncio de forma ampliada. Además desde aquí si has iniciado sesión y el anuncio está creado por ti, aparecerá un botón para poder eliminar el anuncio.
  • Crear anuncio: Sólo podrás entrar a esta página si has iniciado sesión, si no deberás hacerlo o registrar previamente una cuenta de usuario. Dentro del formulario se ha incluido un botón para cargar una vista previa de la imagen que queremos añadir a nuestro anuncio.
  • Formularios de Registro/Login de usuario: Estos formularios son accesibles desde cualquier apartado de la aplicación, se muestran a modo de "pop-up" y puede alternarse entre ellos.
  • Menú de usuario: Se ha incluido un menú del usuario con su "username" en la barra de navegación. Mediante un desplegable se dispone de las opciones: Crear anuncio, Mis anuncios y Cerrar sesión.
  • Menú de categorías: Además es posible filtrar la lista de anuncios por categorías.

Instrucciones:

Para poder ejecutar este proyecto es necesario descargar sparrest.js y seguir sus instrucciones de instalación.

Una vez realizados todos los pasos, se incluye en el proyecto el archivo "db.json" con datos demo para cargar la aplicación.