Proyecto de desarrollo de una tienda online implementando tanto el backend como el frontend.
Puedes ver la aplicación desplegada aquí
Requisitos:
- Mostar un listado de artículos dividido en 10 por página, con botones de navegación.
- Cada artículo será mostrado en una tarjeta que deberá contener los siguientes datos: nombre, relevancia y precio.
- Botones para ordenar los artículos por nombre, relevancia o precio tanto de manera ascendente como descendente. Los datos siempre se mostrarán ordenados de 10 en 10.
- Al pinchar en un artículo se mostrarán tanto los datos del producto como los de su fabricante. Los fabricantes tendrán un nombre, un CIF y una dirección.
- La información de los artículos y sus fabricantes deberá ser guardada en una base de datos.
- Habrá un buscador que permitirá buscar por el nombre del artículo y/o del fabricante.
- React - React single page application
- Vite - Herramienta de automatización de proyectos
- Routing Routing done using React Router
- Sass - Preprocesador de CSS
- NodeJS - Entorno de ejecución.
- ExpressJS - Framework de desarrollo.
- Mongo Atlas - Plataforma de datos multicloud
- Mongoose - Biblioteca de modelado de datos orientada a objetos para MongoDB y NodeJS
- Middlewares Dev: Morgan y manage404 para seguimiento de logs y gestión de errores.
- Postman para probar rutas y conexiones.
- Trello con metodología Agile Scrum.
- Git y Github.
- Clona el repositorio. En la carpeta server (carpeta raiz) ejecuta e instala las dependencias. Ejecuta el script del seeder para cargar los datos en la BBDD.
npm i
npm run feed_db
npm run feed_products_db
- Entra en la carpeta cliente e instala dependencias. Este proyecto tiene tanto el back como el front unificados.
cd client
npm i- Levanta primero el servidor y despues el cliente desde una terminal abierta en cada carpeta.
npm run server
npm run clientTendrás que incluir tus credenciales de Mongo Atlas en el archivo .env
