Merge pull request #1139 from Lucas-Crm/Metro2033JsGame-Lucas-Crm

Add The Project Metro2033JsGame
thinkswell · Jun 11, 2024 · 4965280 · 4965280
2 parents a0d6570 + af436a0
commit 4965280
Show file tree

Hide file tree

Showing 5 changed files with 1,212 additions and 0 deletions.
diff --git a/1Application-frontend/bun.lockb b/1Application-frontend/bun.lockb
diff --git a/Metro2033JsGame/Lucas-Crm/index.html b/Metro2033JsGame/Lucas-Crm/index.html
@@ -0,0 +1,107 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <link rel="stylesheet" href="style.css" />
+    <title>Metro 2033</title>
+  </head>
+  <body>
+    <h1 class="ofg">Metro 2033</h1>
+
+    <section id="desc" class="ofg">
+      <h2 class="ofg">Description</h2>
+      <p>
+        Welcome to our post-apocalyptic station management game. In this game, you will have to manage an underground station, housing survivors of a world devastated by an unknown disaster. Your goal is to ensure the survival of your community by managing resources, exploring dangerous tunnels in search of supplies and reinforcements, building and improving buildings to strengthen your station, and facing various crises that threaten the safety of your inhabitants.
+      </p>
+    </section>
+
+    <section id="rules" class="ofg">
+      <h2 class="ofg">Rules</h2>
+      <ol>
+        <li>Manage your resources: food, fuel, and money.</li>
+        <li>
+          Explore the tunnels and the surface to discover new resources and dangers.
+        </li>
+        <li>
+          Build and upgrade buildings to produce resources and protect your station.
+        </li>
+        <li>
+          Manage crises: monster attacks, power outages, diseases, etc.
+        </li>
+        <li>
+          Survive as long as possible in this post-apocalyptic world!
+        </li>
+      </ol>
+    </section>
+<br>
+<hr>
+    <div id="game" class="game">
+        <!-- liste des ressource actuel -->
+        <h2>Jour n°<span id="daysInfo"></span></h2>
+        <div class="main-nav">
+        <ul>
+          <li>Money : <span id="moneyInfo"></span></li>
+          <li>Food : <span id="foodInfo"></span></li>
+          <li>Water : <span id="waterInfo"></span></li>
+          <li>Wood : <span id="woodInfo"></span></li>
+          <li>Rock : <span id="rockInfo"></span></li>
+          <li>Metal : <span id="metalInfo"></span></li>
+          <li>Resident : <span id="residentInfo"></span></li>
+          <li>Fuel : <span id="fuelInfo"></span></li>
+          <li>Action restante : <span id="actionRemaining"></span></li>
+        </ul>
+
+        <div class="btnAction">
+          <div class="cardBtnBuildFarm">
+            <button id="btnBuildFarm">build a farm</button>
+            <p>resources needed for creation:<span></span></p>
+          </div>
+          <div class="cardBtnBuildMine">
+            <button id="btnBuildMine">build a mine</button>
+            <p>resources needed for creation:<span></span></p>
+          </div>
+          <div class="cardBtnBuildShelter">
+            <button id="btnBuildShelter">build a residence</button>
+            <p>resources needed for creation:<span></span></p>
+          </div>
+          <div class="cardBtnBuildMine">
+            <button id="openModalBtn">Merchant</button>
+          </div>
+        </div>
+        <div class="nextDay">
+          <button id="btnNextDay">Next Day</button>
+        </div>
+      </div>
+
+
+
+      <!-- card pour les batiment -->
+      <div id="mainDivCards" class="container"></div>
+
+<!-- Bouton pour ouvrir le modal -->
+<!-- Modal -->
+<div id="myModal" class="modal">
+  <!-- Contenu du modal -->
+  <div class="modal-content">
+  <span class="close">&times;</span>
+  <h4 id="modalMarchandName"></h4>
+  <div id="itemJs">
+
+  </div>
+    <!-- <div id="marketItem" class="item">
+      <h5>Nom de l'Article 1</h5>
+      <p>Description de l'Article 1</p>
+      <button class="buyBtn">Acheter</button>
+    </div> -->
+  </div>
+</div>
+
+
+    </div>
+    <div>
+      <!-- le jeu sera la  -->
+    </div>
+    <script src="script.js"></script>
+  </body>
+</html>
diff --git a/Metro2033JsGame/Lucas-Crm/readme.md b/Metro2033JsGame/Lucas-Crm/readme.md
@@ -0,0 +1,31 @@
+# Metro 2033 JavaScript Game
+
+## ⚠️ Warning
+
+This game is far from being finished. It is currently in active development and many features are still being implemented.
+
+## Introduction
+
+The project aims to create a post-apocalyptic station management game on a web page using technologies such as JavaScript, HTML, and CSS. Players must manage resources, explore tunnels, build and upgrade buildings, and face various crises to ensure the survival of their station.
+
+## Features
+
+- Resource management: food, fuel, money, etc.
+- Exploration of tunnels and the surface to discover new resources and dangers.
+- Building and upgrading buildings to produce resources and protect the station.
+- Crisis management such as monster attacks, power outages, and diseases.
+- User-friendly interface with automatic updates of resources and buildings.
+
+## Technologies Used
+
+- JavaScript
+- HTML
+- CSS
+
+## How to Play
+
+- Use the buttons and interactions provided in the user interface to perform actions such as building buildings, exploring, etc.
+- Manage your resources carefully to ensure the survival of your station.
+- Face crises and make strategic decisions to overcome challenges.
+
+