CatchTheFlag MERN

Поймать флаг

Этот проект представляет собой игру CTF (Catch the Flag), сделанная в виде динамической веб -страницы с использованием стека M (mysql) e (Express) r (React) n (nodejs). Игра сосредоточена на работе с веб -технологиями, социальными сетями, шифрованием, криминалистической и анализом вредоносных программ. Его миссия состоит в том, чтобы повысить осведомленность об этих технологиях и их опасностях, которые проект вдохновлен Hackthebox, Trykackme и другими играми CTF.

Предварительный просмотр

Индексная страница

Уровень шаблона страницы

Страница модерации уровня администратора

Отзывчивый дизайн

Как начать приложение (версия разработки)

• Открыть 2 терминала

• В первом терминале перейдите в папку Frontend

 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

• Загрузить зависимости для экспресса

 npm i

Как разместить приложение (хостинг)

• Открыть 2 терминала

• В первом терминале перейдите в папку Frontend

 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

• Загрузить зависимости для экспресса

 npm i

• Запустите Express Server

 node app.js

Счастливого взлома