Este proyecto implementa un CRUD completo (Crear, Leer, Actualizar y Eliminar) utilizando React para el frontend y LoopBack 4 para el backend, con una base de datos MySQL.

Este proyecto, desarrollado como entrega final del curso de Back‑End en Java para TechLab, implementa un simulador frontend en JavaScript que reproduce la funcionalidad de una API RESTful de e‑commerce. Permite gestionar productos, categorías, usuarios y pedidos, así como controlar y ajustar el stock, sin necesidad de un backend real.

OYE es un sitio para escuchar música gratis. Su creador desea que se pueda compartir música entre todos los que quieran pasar un rato ameno, escuchando sus canciones favoritas. Él ha pensado en ti como la persona ideal para diseñar este sitio Web, que busca deleitar a los amantes de la buena música. A continuación encontrarás los detalles que debes tomar en cuenta para implementar a OYE. El sitio incluye cuatro (4) páginas, las cuales describimos seguidamente: Inicio: proporciona una breve bienvenida a OYE y despliega las tres canciones más reproducidas. Canciones: despliega la canciones alojadas en el sitio. Para comodidad del usuario hay una herramienta de búsqueda, que se puede emplear para encontrar su música favorita. Registro: el usuario debe registrarse para obtener una experiencia musical personalizada: sugerencias de nuevas canciones, que es una de las características del sitio que se desarrollará en un futuro cercano, pero no en este proyecto. Inicio de Sesión: todos aquellos que desean obtener una interacción musical a su medida deben Iniciar Sesión, para aprovechar esta característica de OYE que revolucionará el mundo musical en poco tiempo. Requerimientos Una serie de reuniones iniciales con el creador del sitio y su equipo de asesores arrojó la siguiente lista de requerimientos, que deseamos que cubras a través de este desarrollo: Implementa las páginas antes mencionadas usando HTML, CSS, JavaScript y Bootstrap: Inicio Canciones Registro Inicio de Sesión Implementa un botón de Contacto en la barra de navegación, que despliega una ventana modal de Bootstrap con la información. Emplea el diseño responsive (diseño adaptativo) para adaptar el sitio a resoluciones de escritorio, tabletas y dispositivos móviles. Usa al menos dos tipografías. Se sugiere una para los títulos y otra para el resto de los textos. Crea un Bootstrap personalizado con los colores de tu preferencia, fuentes y otros ajustes de acuerdo a la interfaz que se desea construir. Aplica colores de fondo y bordes cuando aplique. Valida los campos de los formularios del sitio usando Javascript.