CatchTheFlag MERN

깃발을 잡아라

이 프로젝트는 m (mysql) e (Express) r (React) n (nodejs) 스택을 사용하여 동적 웹 페이지로 만든 CTF (Catch the Flag) 게임입니다. 이 게임은 웹 기술, 소셜 네트워크, 암호화, 법의학 및 맬웨어 분석에 중점을 둡니다. 그 임무는 이러한 기술에 대한 인식을 높이고 프로젝트가 Hackthebox, TryhackMe 및 기타 CTF 게임에서 영감을 얻은 위험입니다.

시사

인덱스 페이지

레벨 템플릿 페이지

adminmenu 레벨 중재 페이지

반응 형 디자인

응용 프로그램을 시작하는 방법 (개발 버전)

• 2 터미널을 엽니 다

• 첫 번째 터미널에서는 프론트 엔드 폴더로 이동합니다

 cd main_app/frontend/

• React의 종속성을 다운로드하십시오

 npm i

• React Development Server를 시작하십시오

 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 서버를 실행하십시오

 node app.js

행복한 해킹