# This is a combination of 12 commits.

# This is the 1st commit message:

Initial commit
# This is the commit message #2:

added whole syswtem

becuz i forgot to keep up with the github

# This is the commit message #3:

hihi hiha

# This is the commit message #4:

added startServer.sh

# This is the commit message #5:

hihi hiha

# This is the commit message #6:

fixed some packages

# This is the commit message #7:

fixed every bug with the stupid oop

# This is the commit message #8:

Revert "fixed every bug with the stupid oop"

This reverts commit d2255863aa44e2504f9f2cec9e1ae5d1094cb9cd.

# This is the commit message #9:

added prevention of breaking the system by manually filling in the project id

# This is the commit message #10:

fixed bug when adding bot

# This is the commit message #11:

made user-id not just count up from 0

# This is the commit message #12:

fixed the issue where if you load project page it woulnt show the commands until you refresh the page

styles/project.css

@@ -0,0 +1,66 @@
+:root {
+    --mainMargin: 30px;
+}
+
+#main {
+    margin: var(--mainMargin);
+    width: calc(100% - var(--mainMargin)*2);
+    height: calc(100vh - var(--mainMargin)*2);
+
+}
+
+#container {
+    background: var(--dark-gray);
+    width: 100%;
+    height: 100%;
+
+    overflow: visible !important;
+    border-radius: 40px;
+
+    -webkit-box-shadow: 0px 0px 10px 10px var(--dark-steel);
+    -moz-box-shadow: 0px 0px 10px 10px var(--dark-steel);
+    box-shadow: 0px 0px 10px 10px var(--dark-steel);
+
+    display: flex;
+    justify-content: flex-start;
+    align-items: center;
+    flex-direction: column;
+    gap: 20px;
+}
+
+#grid {
+    width: 90%;
+    height: 90%;
+    display: flex;
+    justify-content: flex-start;
+    gap:5%;
+    flex-wrap: wrap;
+
+}
+
+#grid > * {
+    border-radius: 15px;
+    background-color: var(--light-gray);
+    width: 200px;
+    height: 200px;
+}
+#special-button {
+    background-color: green;
+}
+
+.grid-btn > button {
+    width: 100%;
+    height: 100%;
+    background: none;
+    border:none;
+    cursor:pointer;
+}
+
+.command-bold {
+    font-size: large;
+}
+
+#editProjectName,
+#exportProject {
+    color: black !important;
+}