SERSEPO — Frontend

Interfaz web del sistema de gestión de almacén SERSEPO.

Stack: React 19 · TypeScript · Vite · Tailwind CSS · Axios · Socket.IO · Chart.js

---

Inicio rápido

npm install
npm run dev    # http://localhost:5173
npm run build  # Build de producción
npm run lint   # ESLint

---

Variables de entorno (.env)

VITE_API_BASE_URL=http://localhost:4000/api
VITE_SOCKET_URL=http://localhost:4000

---

Estructura

src/
├── context/        # AuthContext.tsx (JWT + roles), ThemeContext
├── lib/            # api.ts — Axios con interceptor Bearer token
├── services/       # Una por módulo: auth, product, entry, envio, kit, loan, rack, etc.
├── pages/          # Páginas por ruta
├── components/     # Componentes UI organizados por dominio
└── hooks/          # useModal y otros custom hooks

---

Módulos disponibles

Dashboard · Productos · Clientes · Entradas · Envíos · Racks/Charolas
Kits · Préstamos · Salidas de Producto · Stock Disponible · Usuarios · Carga Masiva

---

Documentación completa

Ver HANDOFF.md en la raíz del monorepo para documentación completa: arquitectura, patrones, servicios, rutas y flujos de negocio.

---