Skip to content

Commit af436a0

Browse files
Lucas-CrmLucas-Crm
committed
Add The Project Metro2033JsGame
1 parent f875994 commit af436a0

File tree

5 files changed

+1212
-0
lines changed

5 files changed

+1212
-0
lines changed

Diff for: ‎1Application-frontend/bun.lockb

135 KB
Binary file not shown.

Diff for: ‎Metro2033JsGame/Lucas-Crm/index.html

+107
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,107 @@
1+
<!DOCTYPE html>
2+
<html lang="en">
3+
<head>
4+
<meta charset="UTF-8" />
5+
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
6+
<link rel="stylesheet" href="style.css" />
7+
<title>Metro 2033</title>
8+
</head>
9+
<body>
10+
<h1 class="ofg">Metro 2033</h1>
11+
12+
<section id="desc" class="ofg">
13+
<h2 class="ofg">Description</h2>
14+
<p>
15+
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.
16+
</p>
17+
</section>
18+
19+
<section id="rules" class="ofg">
20+
<h2 class="ofg">Rules</h2>
21+
<ol>
22+
<li>Manage your resources: food, fuel, and money.</li>
23+
<li>
24+
Explore the tunnels and the surface to discover new resources and dangers.
25+
</li>
26+
<li>
27+
Build and upgrade buildings to produce resources and protect your station.
28+
</li>
29+
<li>
30+
Manage crises: monster attacks, power outages, diseases, etc.
31+
</li>
32+
<li>
33+
Survive as long as possible in this post-apocalyptic world!
34+
</li>
35+
</ol>
36+
</section>
37+
<br>
38+
<hr>
39+
<div id="game" class="game">
40+
<!-- liste des ressource actuel -->
41+
<h2>Jour n°<span id="daysInfo"></span></h2>
42+
<div class="main-nav">
43+
<ul>
44+
<li>Money : <span id="moneyInfo"></span></li>
45+
<li>Food : <span id="foodInfo"></span></li>
46+
<li>Water : <span id="waterInfo"></span></li>
47+
<li>Wood : <span id="woodInfo"></span></li>
48+
<li>Rock : <span id="rockInfo"></span></li>
49+
<li>Metal : <span id="metalInfo"></span></li>
50+
<li>Resident : <span id="residentInfo"></span></li>
51+
<li>Fuel : <span id="fuelInfo"></span></li>
52+
<li>Action restante : <span id="actionRemaining"></span></li>
53+
</ul>
54+
55+
<div class="btnAction">
56+
<div class="cardBtnBuildFarm">
57+
<button id="btnBuildFarm">build a farm</button>
58+
<p>resources needed for creation:<span></span></p>
59+
</div>
60+
<div class="cardBtnBuildMine">
61+
<button id="btnBuildMine">build a mine</button>
62+
<p>resources needed for creation:<span></span></p>
63+
</div>
64+
<div class="cardBtnBuildShelter">
65+
<button id="btnBuildShelter">build a residence</button>
66+
<p>resources needed for creation:<span></span></p>
67+
</div>
68+
<div class="cardBtnBuildMine">
69+
<button id="openModalBtn">Merchant</button>
70+
</div>
71+
</div>
72+
<div class="nextDay">
73+
<button id="btnNextDay">Next Day</button>
74+
</div>
75+
</div>
76+
77+
78+
79+
<!-- card pour les batiment -->
80+
<div id="mainDivCards" class="container"></div>
81+
82+
<!-- Bouton pour ouvrir le modal -->
83+
<!-- Modal -->
84+
<div id="myModal" class="modal">
85+
<!-- Contenu du modal -->
86+
<div class="modal-content">
87+
<span class="close">&times;</span>
88+
<h4 id="modalMarchandName"></h4>
89+
<div id="itemJs">
90+
91+
</div>
92+
<!-- <div id="marketItem" class="item">
93+
<h5>Nom de l'Article 1</h5>
94+
<p>Description de l'Article 1</p>
95+
<button class="buyBtn">Acheter</button>
96+
</div> -->
97+
</div>
98+
</div>
99+
100+
101+
</div>
102+
<div>
103+
<!-- le jeu sera la -->
104+
</div>
105+
<script src="script.js"></script>
106+
</body>
107+
</html>

Diff for: ‎Metro2033JsGame/Lucas-Crm/readme.md

+31
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,31 @@
1+
# Metro 2033 JavaScript Game
2+
3+
## ⚠️ Warning
4+
5+
This game is far from being finished. It is currently in active development and many features are still being implemented.
6+
7+
## Introduction
8+
9+
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.
10+
11+
## Features
12+
13+
- Resource management: food, fuel, money, etc.
14+
- Exploration of tunnels and the surface to discover new resources and dangers.
15+
- Building and upgrading buildings to produce resources and protect the station.
16+
- Crisis management such as monster attacks, power outages, and diseases.
17+
- User-friendly interface with automatic updates of resources and buildings.
18+
19+
## Technologies Used
20+
21+
- JavaScript
22+
- HTML
23+
- CSS
24+
25+
## How to Play
26+
27+
- Use the buttons and interactions provided in the user interface to perform actions such as building buildings, exploring, etc.
28+
- Manage your resources carefully to ensure the survival of your station.
29+
- Face crises and make strategic decisions to overcome challenges.
30+
31+

0 commit comments

Comments
 (0)