CatchTheFlag MERN

Attraper le drapeau

Ce projet est le jeu CTF (Catch the Flag) fabriqué en tant que page Web dynamique à l'aide de la pile M (MySQL) E (Express) R (React) N (NodeJS). Le jeu se concentre sur le travail avec les technologies Web, les réseaux sociaux, le chiffrement, la criminalistique et l'analyse des logiciels malveillants. Sa mission est de sensibiliser à ces technologies et à leurs dangers que le projet est inspiré par Hackthebox, Tryhackme et d'autres jeux CTF.

Prévisualisation

Page d'index

Page de modèle de niveau

Page de modération au niveau de l'administration

Conception réactive

Comment démarrer l'application (version de développement)

• Ouvrir 2 terminaux

• Dans le premier terminal, allez dans le dossier Frontend

 cd main_app/frontend/

• Télécharger les dépendances pour réagir

 npm i

• Start React Development Server avec

 npm start

• Dans le deuxième terminal, allez dans le dossier backend

 cd main_app/backend/

• Créer un fichier .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

• Télécharger les dépendances pour express

 npm i

Comment héberger l'application (hébergement)

• Ouvrir 2 terminaux

• Dans le premier terminal, allez dans le dossier Frontend

 cd main_app/frontend/

• Télécharger les dépendances pour réagir

 npm i

• Construire des fichiers React en statique

 npm run build

• Transférer tout de la construction à votre hébergement Web
• Dans le deuxième terminal, allez dans le dossier backend

 cd main_app/backend/

• Créer un fichier .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

• Télécharger les dépendances pour express

 npm i

• Exécutez le serveur express

 node app.js

Happy Hacking