CatchTheFlag MERN

旗をキャッチします

このプロジェクトは、 M （MySQL） E （Express） R （React） N （NodeJS）スタックを使用して動的なWebページとして作成されたCTF（Catch the Flag）ゲームです。このゲームは、Webテクノロジー、ソーシャルネットワーク、暗号化、フォレンジック、マルウェア分析の操作に焦点を当てています。その使命は、これらのテクノロジーとそれらの危険性を認識することであり、プロジェクトはHackThebox、TryHackme、その他のCTFゲームに触発されています。

プレビュー

インデックスページ

レベルテンプレートページ

AdminMenuレベルのモデレートページ

レスポンシブデザイン

アプリケーションの開始方法（開発バージョン）

• 2つの端子を開きます

• 最初の端子では、フロントエンドフォルダーに移動します

 cd main_app/frontend/

• Reactの依存関係をダウンロードします

 npm i

• React Development Serverを開始します

 npm start

• 2番目の端子では、バックエンドフォルダーに移動します

 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

• ファイルを静的に反応させます

 npm run build

• ビルドからWebホスティングにすべてを転送します
• 2番目の端子では、バックエンドフォルダーに移動します

 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サーバーを実行します

 node app.js

ハッピーハッキング