MasterGes

Aplicación web dedicada a la gestión de MS construida con React y TypeScript.

Requisitos Previos

• Node.js 16+
• npm o yarn

Instalación

# Instalar dependencias
npm install

Desarrollo

# Iniciar servidor de desarrollo
npm start

La aplicación se abrirá en http://localhost:3000

Estructura del Proyecto

src/
├── components/      # Componentes reutilizables
├── pages/           # Componentes de páginas
├── hooks/           # Custom React hooks
├── styles/          # Estilos globales y variables CSS
├── utils/           # Funciones utilitarias
├── App.tsx          # Componente principal
└── index.tsx        # Punto de entrada
public/
├── index.html       # HTML principal
package.json         # Dependencias del proyecto
tsconfig.json        # Configuración de TypeScript

Dependencias Principales

• React 18.2.0 - Librería principal
• React DOM 18.2.0 - Renderización en DOM
• TypeScript 5.0.0 - Tipado estático
• react-scripts 5.0.1 - Scripts de construcción

Variables CSS

Las variables CSS globales se encuentran en src/styles/variables.css:

• Colores primarios y secundarios
• Espaciado
• Tipografía
• Sombras
• Transiciones

Notas

• El proyecto usa react-scripts para la compilación
• TypeScript está configurado en modo strict
• ESLint está integrado para mantener calidad de código
• Se incluye un componente Button ejemplo