CatchTheFlag MERN

Fangen die Flagge

Dieses Projekt ist CTF -Spiel (Catch the Flag), das als dynamische Webseite mit M (MySQL) E (Express) R (React) N (NodeJS) -Stapel hergestellt wurde. Das Spiel konzentriert sich auf die Arbeit mit Webtechnologien, sozialen Netzwerken, Verschlüsselung, Forensik und Malwareanalyse. Seine Mission ist es, das Bewusstsein für diese Technologien zu schärfen und ihre Gefahren, die das Projekt von HacktheBox, Tryhackme und anderen CTF -Spielen inspiriert ist.

Vorschau

Indexseite

Seite der Ebene Vorlage

Mäßigung der adminMenu -Ebene auf der Ebene der Ebene

Responsive Design

So starten Sie die Anwendung (Entwicklungsversion)

• Offen 2 Terminals

• Gehen Sie im ersten Terminal in den Frontend -Ordner

 cd main_app/frontend/

• Laden Sie Abhängigkeiten für React herunter

 npm i

• Starten Sie den React Decess Development Server mit

 npm start

• Gehen Sie im zweiten Terminal in den Backend -Ordner

 cd main_app/backend/

• Dort erstellen .Env -Datei

 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

• Laden Sie Abhängigkeiten für Express herunter

 npm i

So hosten Sie die Anwendung (Hosting)

• Offen 2 Terminals

• Gehen Sie im ersten Terminal in den Frontend -Ordner

 cd main_app/frontend/

• Laden Sie Abhängigkeiten für React herunter

 npm i

• Reagdateien in statisch erstellen

 npm run build

• Übertragen Sie alles von Build auf Ihr Webhosting
• Gehen Sie im zweiten Terminal in den Backend -Ordner

 cd main_app/backend/

• Dort erstellen .Env -Datei

 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

• Laden Sie Abhängigkeiten für Express herunter

 npm i

• Führen Sie den Expressserver aus

 node app.js

Frohe Hacking