CatchTheFlag MERN

قبض على العلم

هذا المشروع عبارة عن لعبة CTF (catch the flag) مصنوعة كصفحة ويب ديناميكية باستخدام مكدس M (MySQL) E (Express) R (React) N (NodeJS). تركز اللعبة على العمل مع تقنيات الويب والشبكات الاجتماعية والتشفير والطب الشرعي وتحليل البرامج الضارة. تتمثل مهمتها في زيادة الوعي بهذه التقنيات ومخاطرها ، كما أن المشروع مستوحى من HackTheBox و Tryhackme وألعاب CTF الأخرى.

معاينة

صفحة الفهرس

صفحة قالب المستوى

صفحة الاعتدال على مستوى adminmenu

تصميم متجاوب

كيفية بدء التطبيق (إصدار التطوير)

• فتح 2 المحطات

• في المحطة الأولى ، انتقل إلى مجلد الواجهة الأمامية

 cd main_app/frontend/

• قم بتنزيل التبعيات من أجل React

 npm i

• ابدأ رد فعل خادم التطوير مع

 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

• بناء ملفات رد الفعل في ثابت

 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

 node app.js

قرصنة سعيدة