CatchTheFlag MERN

Atrapar la bandera

Este proyecto es CTF (Catch the Flag) realizado como página web dinámica utilizando la pila M (MySQL) E (Express) R (React) N (Nodejs). El juego se centra en trabajar con tecnologías web, redes sociales, cifrado, forense y análisis de malware. Su misión es crear conciencia sobre estas tecnologías y sus peligros, el proyecto está inspirado en Hackthebox, Tryhackme y otros juegos de CTF.

Avance

Página de índice

Página de plantilla de nivel

Página de moderación de nivel de administración

Diseño receptivo

Cómo iniciar la aplicación (versión de desarrollo)

• Abrir 2 terminales

• En la primera terminal entrar en la carpeta frontend

 cd main_app/frontend/

• Descargar dependencias para React

 npm i

• Inicie el servidor de desarrollo React con

 npm start

• En el segundo terminal, ingrese a la carpeta de backend

 cd main_app/backend/

• Crear archivo .env

 PORT=8080


HOST=localhost
DEV=root
PASSWORD=
DATABASE=catch_the_flag_game


[email protected]
EMAIL_PASSWORD=yourEmailPa$$w0rd


SESSION_SECRET=long_string_of_random_characters

• Descargar dependencias para express

 npm i

Cómo alojar la aplicación (alojamiento)

• Abrir 2 terminales

• En la primera terminal entrar en la carpeta frontend

 cd main_app/frontend/

• Descargar dependencias para React

 npm i

• Crear archivos react en static

 npm run build

• Transferir todo desde la compilación a su alojamiento web
• En el segundo terminal, ingrese a la carpeta de backend

 cd main_app/backend/

• Crear archivo .env

 PORT=8080


HOST=database_server_domain
DEV=database_administrator
PASSWORD=database_administrator_password
DATABASE=catch_the_flag_game


[email protected]
EMAIL_PASSWORD=yourEmailPa$$w0rd


SESSION_SECRET=long_string_of_random_characters

• Descargar dependencias para express

 npm i

• Ejecute el servidor expreso

 node app.js

Feliz piratería