ConectaSeguro es un prototipo de una aplicación web de capacitación y entrenamiento sobre seguridad y fraude. Está hecho con React y Vite para que pueda verse en el navegador como una demostración interactiva.
Este repositorio es un prototipo público para compartir con compañeros universitarios. No requiere conocimientos técnicos avanzados para ejecutarlo.
- Interfaz en React con la lógica de la aplicación.
- Contenido ficticio de ejemplo en
src/data.js. - Navegación interna: inicio, cursos, entrenador anti-fraude, evaluaciones, progreso y panel administrativo.
- Proyecto listo para ejecutar en local con Vite.
- Node.js instalado (preferible versión 18 o superior).
- Un navegador moderno como Google Chrome.
- Clona este repositorio en tu computadora:
git clone https://github.com/TanaStorm/ConectaSeguro.git
- Abre Visual Studio Code (VS Code).
- En VS Code, abre la carpeta del proyecto recién clonada.
- Abre una terminal integrada en VS Code (Menú
Terminal > New Terminal). - Ve a la carpeta del proyecto en la terminal:
cd ConectaSeguro - Instala las dependencias (solo la primera vez):
npm install
- Inicia el servidor de desarrollo:
npm run dev
- Abre Chrome y visita esta dirección:
http://localhost:5173/
- Asegúrate de haber ejecutado
npm installantes denpm run dev. - Si el puerto
5173ya está en uso, prueba cerrando otras aplicaciones que puedan usarlo o reinicia la terminal. - Si el navegador no carga la página, prueba con una ventana privada/incógnito.
- Esto es un prototipo. No guarda datos reales ni tiene un servidor de backend.
- El contenido es de ejemplo. Si se publica en GitHub, cualquier persona que abra el proyecto podrá ver y probar la interfaz, pero no habrá datos reales.
index.html— página principal que carga la app React.src/main.jsx— entrada de la aplicación.src/App.jsx— componente principal con la interfaz y la lógica.src/data.js— datos de prueba para cursos, evaluaciones y escenarios.src/utils.js— utilidades pequeñas de ayuda.vite.config.js— configuración de Vite.