Inicio
EN · View in English

Proyecto de formación

FashionLine: inventario con MongoDB

Una tienda en tres contenedores, la API con JWT, MongoDB y React

El inventario de una tienda de moda, con una API en Spring Boot con JWT sobre MongoDB, un frontend en React y las tres piezas empaquetadas en imágenes de Docker.

El frontend real de FashionLine con datos de ejemplo, que muestra la tabla de productos con precio, categoría, talla, existencias y los botones para editar y borrar. (abrir la imagen en tamaño completo)
La página de inicio real de FashionLine, con su ícono y la descripción de la tienda. (abrir la imagen en tamaño completo)

De qué se trata

El segundo parcial de Bases de datos NoSQL pidió una aplicación completa sobre MongoDB. FashionLine maneja el inventario de una tienda de ropa, con productos que tienen descripción, precio, existencias, categoría y talla.

La API está en Spring Boot con seguridad por JWT, el frontend en React y TypeScript, y cada parte tiene su Dockerfile y su guía de despliegue en el repositorio.

Qué hace

  • Una API REST en Spring Boot con Spring Data MongoDB, documentada con Swagger, con búsqueda de productos por nombre, talla y categoría.
  • Inicio de sesión con Spring Security y JWT; el frontend guarda el token, lo verifica al abrir y lo envía en cada petición.
  • Un frontend en React, TypeScript y Vite con la tabla de productos y su creación, edición y borrado.
  • Tres imágenes de Docker publicadas en Docker Hub, para la API, la base de MongoDB con un script que carga datos iniciales y el frontend.
  • En producción, la base en MongoDB Atlas, la API en Render y el frontend en Netlify.

Decisiones y sus costos

  1. Una imagen propia para la base local

    Para tener datos en el entorno local habría que restaurar respaldos.

  2. Variables de entorno en vez de propiedades fijas

    La misma API tenía que correr contra la base local y contra Atlas.

Repositorios

Cada repositorio público del proyecto, con lo que contiene.

  • 2024

    DB2EngineeringSebastian-s

    Bases de datos NoSQL, con agregaciones en MongoDB y una tienda full-stack con API en Spring Boot y JWT, frontend en React y los tres servicios en Docker Compose.

    MongoDB, Spring Boot, React, Docker
Organización en GitHub: EngineeringSebastian-s

Stack

Elige una tecnología para ver qué proyectos la usan.

Relacionado