Live Astro React

LabRe

Sistema de préstamos de material para el Laboratorio de Sistemas Computacionales de la UABC. Vale de préstamo digital multi-ítem, login institucional restringido a correo @uabc.edu.mx, y flujo completo de solicitud, aprobación y devolución.

[01]

Funcionalidades

01 Vale multi-ítem

Un solo trámite agrupa varios materiales (laptop, proyector, switch, herramienta) con cantidad y nota por renglón, fiel al vale de papel del laboratorio.

02 Login institucional

OAuth con Google restringido a correo @uabc.edu.mx, verificado en middleware y en el alta de usuario a nivel base de datos.

03 Stock transaccional

RPC en Postgres que lockea las filas de material y valida disponibilidad antes de crear la solicitud, sin condiciones de carrera.

04 Bandeja de aprobación

Panel admin para aprobar, rechazar y marcar devoluciones, con auditoría de cada cambio de estado.

05 Reportes y export

Filtros por fecha, material, alumno y estado. Export CSV nativo por renglón, sin librerías externas.

06 Diseño brutalist

Sombra dura, radio mínimo y tipografía mono sobre la paleta institucional verde y dorado de la UABC.

[02]

Tech stack

Astro v6 SSR con adapter @astrojs/node, sin prerender.
React islands Carrito de solicitud, tablas admin y autocomplete de reportes.
Supabase self-hosted Postgres + Auth + PostgREST propios, schema prestamos aislado.
Tailwind v4 Tokens de diseño vía @theme, sin config JS.
[03]

Repositorio