CatchTheFlag MERN

抓住旗帜

该项目是使用m （mysql） e （express） r （react） n （nodejs）堆栈作为动态网页制成的CTF（捕获FLAG）游戏。该游戏专注于使用Web技术，社交网络，加密，取证和恶意软件分析。它的使命是提高对这些技术的认识及其危险，该项目的灵感来自Hackthebox，Tryhackme和其他CTF游戏。

预览

索引页

电平模板页面

AdminMenu级适度页面

响应式设计

如何启动应用程序（开发版）

• 打开2个终端

• 在第一个终端进入前端文件夹

 cd main_app/frontend/

• 下载React的依赖项

 npm i

• 使用React开发服务器开始使用

 npm start

• 在第二端子中进入后端文件夹

 cd main_app/backend/

• 创建.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

• 下载Express的依赖项

 npm i

如何托管应用程序（托管）

• 打开2个终端

• 在第一个终端进入前端文件夹

 cd main_app/frontend/

• 下载React的依赖项

 npm i

• 将React文件构建到静态

 npm run build

• 将所有内容从构建转移到您的网络托管
• 在第二端子中进入后端文件夹

 cd main_app/backend/

• 创建.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

• 下载Express的依赖项

 npm i

• 运行Express Server

 node app.js

快乐的黑客