CatchTheFlag MERN

Tangkap bendera

Proyek ini adalah game CTF (Catch the Flag) yang dibuat sebagai halaman web dinamis menggunakan M (MySQL) E (Express) R (React) N (NODEJS) Stack. Gim ini memiliki fokus pada bekerja dengan teknologi web, jejaring sosial, enkripsi, forensik, dan analisis malware. Misinya adalah untuk meningkatkan kesadaran akan teknologi ini dan bahaya mereka proyek ini diilhami oleh HackTheBox, TryhackMe dan game CTF lainnya.

Pratinjau

Halaman indeks

Halaman template level

Halaman Moderasi Level AdminMenu

Desain responsif

Cara Memulai Aplikasi (Versi Pengembangan)

• Buka 2 terminal

• Di terminal pertama masuk ke folder frontend

 cd main_app/frontend/

• Unduh dependensi untuk bereaksi

 npm i

• Mulai React Development Server dengan

 npm start

• Di terminal kedua masuk ke folder backend

 cd main_app/backend/

• Buat file .env disana

 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

• Unduh dependensi untuk ekspres

 npm i

Cara meng -host aplikasi (hosting)

• Buka 2 terminal

• Di terminal pertama masuk ke folder frontend

 cd main_app/frontend/

• Unduh dependensi untuk bereaksi

 npm i

• Bangun file bereaksi menjadi statis

 npm run build

• Transfer semuanya mulai dari build ke hosting web Anda
• Di terminal kedua masuk ke folder backend

 cd main_app/backend/

• Buat file .env disana

 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

• Unduh dependensi untuk ekspres

 npm i

• Jalankan server ekspres

 node app.js

Selamat peretasan