Skip to content

About

TechControl es una plataforma web integral y moderna para la gestión, auditoría y control centralizado de activos de infraestructura IT, impresoras, cartelería digital, guardias y pedidos de compras. Diseñada con React 19, TypeScript y Tailwind CSS para ofrecer máxima eficiencia operativa.

Topics

Resources

Stars

11 stars

Watchers

0 watching

Forks

 
 

Latest commit

 

History

141 Commits

Folders and files

NameName
Last commit message
Last commit date
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

💻 TechControl

Sistema Integral de Gestión y Control de Activos IT

Una solución web de última generación diseñada para centralizar, auditar y optimizar el ciclo de vida de la infraestructura tecnológica empresarial.

Estado React TypeScript Tailwind CSS Vite


🌟 Visión General

TechControl es una plataforma avanzada de gestión IT que simplifica la administración operativa y la toma de decisiones estratégicas. Permite a los equipos de infraestructura y soporte técnico llevar un control riguroso sobre equipos informáticos, consumibles de impresión, dispositivos de cartelería digital, registros de guardias y presupuestos de compras desde una interfaz unificada, intuitiva y de alto rendimiento.


✨ Módulos Principales

Módulo Descripción
📊 Dashboard Ejecutivo Métricas e indicadores clave en tiempo real sobre el estado de stock, alertas operativas y consumibles en nivel crítico.
💻 Equipamiento IT Registro detallado de notebooks y estaciones de trabajo, seguimiento de asignaciones, estado funcional y trazabilidad por usuario.
🖨️ Centro de Impresión Monitoreo proactivo de niveles de tóner, unidades de imagen y alertas automáticas de mantenimiento por sucursal.
📺 DataliveTV (Cartelería Digital) Módulo para la organización de credenciales, IDs de dispositivos y accesos universales para pantallas corporativas.
🛡️ Guardias IT & Tareas Especiales Registro operacional de turnos de guardia, tareas extraordinarias, coberturas y cronogramas del personal técnico.
🛒 Gestión de Pedidos & Compras Workflow para la generación, seguimiento y priorización de solicitudes de compra de hardware y suministros.
📈 Histórico & Auditoría Trazabilidad completa de ingresos, egresos y movimientos de activos con reportes exportables para control interno.

🎨 Arquitectura Visual & Experiencia de Usuario

TechControl se destaca por un diseño de interfaz nítido y moderno enfocado en la usabilidad profesional:

  • 💎 Diseño Neomórfico & Glassmorphism: Acabados visuales elegantes con jerarquía cromática optimizada mediante el espacio de color OKLCH.
  • 🌓 Soporte Tema Claro / Oscuro: Adaptación dinámica para maximizar el confort visual en extensas jornadas de trabajo.
  • ⚡ Respuesta Instantánea: Interacciones fluidas impulsadas por componentes Radix UI accesibles y animaciones optimizadas.

🚀 Instalación y Puesta en Marcha

Sigue estos pasos para clonar, configurar y ejecutar el proyecto localmente en tu entorno de desarrollo.

📋 Requisitos Previos

  • Node.js: v18.0.0 o superior (recomendado v20+).
  • pnpm: Gestor de paquetes recomendado (npm install -g pnpm).
  • Git: Para el control de versiones.

⚙️ Pasos de Instalación

  1. Clonar el repositorio:

    git clone https://github.com/tu-usuario/TechControl-Sistemas.git
    cd TechControl-Sistemas
  2. Instalar dependencias con pnpm:

    pnpm install
  3. Configurar las variables de entorno: Crea un archivo .env en la raíz del proyecto basándote en .env.example:

    cp .env.example .env

    Abre .env y completa las credenciales de tu proyecto de Supabase:

    VITE_SUPABASE_URL=https://tu-proyecto.supabase.co
    VITE_SUPABASE_ANON_KEY=tu-anon-key-publica
  4. Iniciar el servidor de desarrollo:

    pnpm run dev

    La aplicación se iniciará en http://localhost:5173/ (o en la ruta base configurada).


📦 Scripts Disponibles

Comando Descripción
pnpm run dev Inicia el servidor de desarrollo con recarga rápida (HMR).
pnpm run build Valida tipos con TypeScript y compila el bundle de producción en /dist.
pnpm run typecheck Ejecuta la comprobación estática de tipos (tsc --noEmit).
pnpm run preview Previsualiza localmente la compilación de producción generada en /dist.

🖼️ Galería de la Interfaz

Dashboard Principal
01. Dashboard Principal & Métricas Generales
Gestión de Equipamiento
02. Control de Inventario de Notebooks & PCs
Centro de Impresión
03. Monitoreo de Impresoras & Tóner
DataliveTV
04. Módulo de Cartelería Digital (DataliveTV)
Pedidos a Compras
05. Gestión & Seguimiento de Solicitudes de Compra
Histórico de Movimientos
06. Auditoría & Registro de Movimientos
Gestión de Personal
07. Administración de Personal & Asignaciones
Módulo de Guardias IT
08. Programación & Registro de Guardias IT
Tareas Especiales
09. Control de Tareas Especiales & Mantenimiento
Gestión de Precios
10. Cotizaciones & Lista de Precios IT
Catálogo & Bases de Datos
11. Catálogo de Productos & Base de Datos
Reportes & Analítica
12. Módulo de Reportes & Exportación

© 2026 TechControl IT Solutions. Todos los derechos reservados.

About

TechControl es una plataforma web integral y moderna para la gestión, auditoría y control centralizado de activos de infraestructura IT, impresoras, cartelería digital, guardias y pedidos de compras. Diseñada con React 19, TypeScript y Tailwind CSS para ofrecer máxima eficiencia operativa.

Topics

Resources

Stars

11 stars

Watchers

0 watching

Forks

Releases

Packages

Contributors

Languages