CatchTheFlag MERN

Pegue a bandeira

Este projeto é o jogo CTF (Catch the Flag) feito como página dinâmica da web usando m (mysql) e (expresso) r (react) n (nodejs) pilha. O jogo tem foco em trabalhar com tecnologias da Web, redes sociais, criptografia, análise forense e malware. Sua missão é aumentar a conscientização sobre essas tecnologias e seus perigos que o projeto é inspirado no Hackthebox, Tryhackme e outros jogos da CTF.

Visualização

Página de índice

Página de modelo de nível

Página de moderação de nível de adminmenu

Design responsivo

Como iniciar o aplicativo (versão de desenvolvimento)

• Abra 2 terminais

• No primeiro terminal, vá para a pasta front -end

 cd main_app/frontend/

• Baixe dependências para reagir

 npm i

• Comece a React Development Server com

 npm start

• No segundo terminal, vá para a pasta de back -end

 cd main_app/backend/

• Crie o arquivo .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

• Baixe dependências para Express

 npm i

Como hospedar o aplicativo (hospedagem)

• Abra 2 terminais

• No primeiro terminal, vá para a pasta front -end

 cd main_app/frontend/

• Baixe dependências para reagir

 npm i

• Construir arquivos react em estática

 npm run build

• Transfira tudo do Build para sua hospedagem na web
• No segundo terminal, vá para a pasta de back -end

 cd main_app/backend/

• Crie o arquivo .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

• Baixe dependências para Express

 npm i

• Execute o servidor Express

 node app.js

Hacking feliz