Estudio de caso

Sistema de control de stock

Aplicación full stack para gestionar inventario en operaciones de compra y retiro: artículos por categoría, movimientos registrados, alertas por umbral de stock bajo y paneles diferenciados según rol (empleado, jefe de compras, administrador). Pensada para uso en campo y escritorio, con flujos claros y datos persistidos en base relacional. La demo publica muestra el mismo tipo de flujo con datos de ejemplo.

Galería

Deslizá para ver más

1 / 8

  • Captura 1 del proyecto Sistema de control de stock

    Login

    Vista de login.

  • Captura 2 del proyecto Sistema de control de stock

    Home

    Vista de home.

  • Captura 3 del proyecto Sistema de control de stock

    Acciones Rapidas

    Vista de acciones rapidas.

  • Captura 4 del proyecto Sistema de control de stock

    Creando Usuario Solo Rol

    Vista de creando usuario solo rol admin.

  • Captura 5 del proyecto Sistema de control de stock

    Crear Contrasena

    Vista de crear contrasena.

  • Captura 6 del proyecto Sistema de control de stock

    Ingreso A Las Alertas

    Vista de ingreso a las alertas de stock bajo.

  • Captura 7 del proyecto Sistema de control de stock

    Historial Visible Para Rol

    Vista de historial visible para rol jefe y admin.

  • Captura 8 del proyecto Sistema de control de stock

    Carga De Excel

    Vista de carga de excel.

El problema

Controlar stock no alcanza con una planilla suelta: hace falta registrar entradas y salidas, ver qué está por debajo del mínimo, auditar quién movió qué y limitar vistas sensibles según el rol, sin complicar el día a día del equipo.

La solución

Se implementó una app web con dashboard (totales y alertas), listado y detalle de artículos, altas de compra, retiros con observación, categorías, historial y métricas para perfiles autorizados, más importación masiva desde Excel y administración de usuarios (incluye flujo de enlace para crear o restablecer contraseña). Autenticación con sesión y JWT y roles (por ejemplo ADMIN, JEFE_COMPRAS, EMPLEADO) que condicionan historial, métricas, exportaciones y gestión de usuarios.

Detalles técnicos

Front-end

  • Next.js (App Router)
  • React
  • TypeScript
  • Material UI (MUI)
  • Tailwind CSS

Back-end

  • Next.js (Route Handlers y server actions)
  • API interna para login y administración

Datos

  • MySQL
  • Prisma ORM

Funcionalidades

  • Dashboard con total de artículos y contador de stock bajo
  • Stock por categoría, detalle de artículo y borrado lógico donde aplica
  • Compras (entradas) y retiros (salidas) con trazabilidad de usuario
  • Alertas por umbral configurable (stock bajo)
  • Historial y métricas con permisos por rol
  • Exportación a Excel (métricas) e importación desde .xlsx / .xls
  • Login y gestión de usuarios para administrador

Deploy

  • Netlify

Demo

  • https://controlstocknc.netlify.app/

Usuarios de prueba (por rol)

  • Empleado — usuario: testEmpleado, contraseña: test123
  • Jefe de compras — usuario: testJefe, contraseña: test123

Resultado

  • Demo operativa de inventario con roles
  • Menos fricción al cargar datos masivos
  • Base lista para portfolio o extender a un entorno real