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

快樂的黑客