joaovtk · joaovtk · Mar 13, 2024 · Mar 13, 2024 · Mar 13, 2024 · Mar 15, 2024
diff --git a/.github/workflows/workflow.yaml b/.github/workflows/workflow.yaml
@@ -0,0 +1,20 @@
+
+name: Continuos Integration
+
+on: pull_request
+
+jobs:
+  continuos-integration:
+    runs-on: ubuntu-latest
+
+    steps:
+      - uses: actions/checkout@v3
+      - name: Using Node.js
+        uses: actions/setup-node@v2
+        with:
+          node-version: 16.
+      - name: run install and dev
+        run: |
+          npm install
+          npm run dev
+
diff --git a/.gitignore b/.gitignore
@@ -1,4 +1,5 @@
 .env
 node_modules
 routes
-yarn.lock
+yarn.lock
+package-lock.json
diff --git a/package.json b/package.json
@@ -12,6 +12,7 @@
     "dotenv": "^16.3.1",
     "express": "^4.18.2",
     "express-handlebars": "^7.1.2",
+    "mongodb": "^6.5.0",
     "nodemon": "^3.0.2"
   }
 }
diff --git a/src/main.js b/src/main.js
@@ -1,7 +1,7 @@
 const express = require("express");
 const { engine } = require("express-handlebars");
 const dotenv = require("dotenv");
-
+const { MongoClient } = require("mongodb");
 // set config
 let app = express();
 app.engine("handlebars", engine());
@@ -10,23 +10,56 @@ app.set("views", __dirname+"/views");
 dotenv.config();
 app.use(express.static(__dirname+"/static"));
 
-app.get("/", (req, res) => {
-    res.render("index", {layout: false});
+async function getProducts(){
+    let client = new MongoClient(process.env.MONGO_URL);
+    let store = client.db("store");
+    let all = store.collection("cripto");
+    let data = await all.find({}).limit(15).toArray();
+    return data;
+}
+let data;
+
+
+getProducts().then(async (d) => {
+    data = d;    
+});
+
+
+app.get("/", async (req, res) => {
+    console.log(data);
+    if(data.length == 0){
+        res.render("error", {layout: false});
+    }else {
+        res.render("index", {layout: false, data: data});
+    }
 });
 app.get("/about", (req, res) => {
     res.render("about", {layout: false});
 });
 
-app.get("/account", (req, res)=> {
-    res.render("account", {layout: false});
+app.get("/create", (req, res)=> {
+    res.render("create", {layout: false});
+});
+app.get("/login", (req, res)=> {
+    res.render("login", {layout: false});
 });
 
 app.get("/buy", (req, res) => {
     res.render("temp", {layout: false});
 });
 
-app.listen(Number(process.env.PORT), process.env.HOST, () => {
+app.post("/create", (req, res) => {
+    let user = req.query;
+    console.log(user);
+});
+app.get("/check", (req, res) => {
+    res.send("Teste").end()
+})
+
+app.listen(Number(8080),"localhost", () => {
     console.log(`Listerner in http://${process.env.HOST}:${process.env.PORT}`)
 });
 
+
+
 module.exports = app;
diff --git a/src/static/css/global.css b/src/static/css/global.css
@@ -12,4 +12,23 @@ body {
 
 #logo {
     width: 50px;
+}
+
+.brand {
+  width: 50px;
+  margin-bottom: 10px;
+}
+.cripto {
+  font-size: 25pt;
+}
+
+header {
+  text-align: center;
+}
+
+#cart {
+  width: 50px;
+}
+#cart:hover {
+  cursor: pointer;
 }
diff --git a/src/static/css/index.css b/src/static/css/index.css
@@ -6,46 +6,39 @@ article {
   border-radius: 15px;
   background-color: #646E78;
 }
-img {
-  display: block;
-  width: 10vw;
-}
-
-.btn {
-  display: block;
-  margin-top: 5px;
-  width: 100%;
-  background-color: #8D98A7;
-  color: #fff;
-  font-size: 15pt;
-  font-family: Arial, Helvetica, sans-serif;
-}
 
 label {
   font-size: 15pt;
 }
 
-#add {
-  font-size: 150pt;
-  background-color: #646E78;
-  color: #fff;
-  width: 25vw;
-  height: 41vh;
+nav {
+  width: 100vw;
 }
 
-#add > img {
-  width: 80%;
+.product {
+  list-style: none;
 }
 
-#logo {
-  width: 50px;
+ul {
+  margin: 0;
+  padding: 0;
 }
 
-p, label {
+.product {
+  background-color: #464B52;
+  width: 300px;
+  padding: 15px;
+  margin: 10px;
+  border-radius: 15px;
   font-size: 15pt;
   color: #fff;
 }
 
-.exclude {
-  text-decoration: line-through;
-}
+.product .name {
+  font-size: 25pt;
+}
+
+.product img {
+  width: 90%;
+  border-radius: 15px;
+}
diff --git a/src/static/img/CurseForge - Installer.exe b/src/static/img/CurseForge - Installer.exe
diff --git a/src/static/img/add.png b/src/static/img/add.png
diff --git a/src/static/img/cart.png b/src/static/img/cart.png
diff --git a/src/static/script.js b/src/static/script.js
@@ -0,0 +1,5 @@
+const cart = document.querySelector("#cart");
+
+cart.addEventListener("click", () => {
+    window.location.href = "/deploy"
+});
diff --git a/src/views/about.handlebars b/src/views/about.handlebars
@@ -1,78 +1,94 @@
 <html>
-    <head>
-        <meta charset="UTF-8" />
-        <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-        <link rel="stylesheet" href="css/global.css" />
-        <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/css/bootstrap.min.css" integrity="sha384-T3c6CoIi6uLrA9TneNEoa7RxnatzjcDSCmG1MXxSR1GAsXEV/Dwwykc2MPK8M2HN" crossorigin="anonymous" />
-        <script src="https://code.jquery.com/jquery-3.3.1.slim.min.js" integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo" crossorigin="anonymous"></script>
-        <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.3/umd/popper.min.js" integrity="sha384-ZMP7rVo3mIykV+2+9J3UJ46jBk0WLaUAdn689aCwoqbBJiSnjAK/l8WvCWPIPm49" crossorigin="anonymous"></script>
-        <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/js/bootstrap.min.js" integrity="sha384-ChfqqxuZUCnJSK3+MXmPNIyE6ZbWh2IMqE241rYiqJxyMiZ6OW/JmZQ5stwEULTy" crossorigin="anonymous"></script>
-        <title>Sobre Nós</title>
-    </head>
 
-    <body>
-        <div class="container-fluid">
-            <header>
-                <nav class="navbar navbar-expand-lg navbar-light mt-5">
-                  <img src="img/cripto.png" id="logo" alt="" />
-                  <a class="navbar-brand" href="/">Cripto Store</a>
-                  <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#conteudoNavbarSuportado" aria-controls="conteudoNavbarSuportado" aria-expanded="false" aria-label="Alterna navegação">
-                    <span class="navbar-toggler-icon"></span>
-                  </button>
-
-                  <div class="collapse navbar-collapse" id="conteudoNavbarSuportado">
-                    <ul class="navbar-nav mr-auto">
-                      <li class="nav-item">
-                        <a class="nav-link disabled" href="#">Perfil</a>
-                      </li>
-                      <li class="nav-item"><a href="#" class="nav-link disabled">Adicionar Cripto Moedas</a></li>
-
-                      <li class="nav-item dropdown">
-                        <a class="nav-link dropdown-toggle disabled" href="#" id="navbarDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
-                          Categorias
-                        </a>
-                        <div class="dropdown-menu" aria-labelledby="navabarDropdown">
-                          <a href="#" class="dropdown-item"></a>
-                        </div>
-                      </li>
-                      <li class="nav-item"><a href="/account" class="nav-link">Criar Conta</a></li>
-                      <li>
-                        <a href="/about" class="nav-link disabled">Sobre Nós</a>
-                      </li>
-
-                    </ul>
-                  </div>
-                </nav>
-              </header>
-
-              <main>
-                <article>
-                    <div class="mt-5">
-                        <h1>Quem Somos</h1>
-                        <p>
-                            Somos estudantes do curso de Desenvolvimento de Sistemas na Instituição Proz Educação,<br>
-                            localizada em Belo Horizonte, Minas Gerais. <br>
-                            Nosso site tem como foco principal compra e venda de moedas.
-                        </p>
-                    </div>
-                </article>
-                <article>
-                    <h1>Informaçoes uteis</h1>
-                    <p>O site foi feito utilizando bootstrap, mas tecnologias basicas e semanticas do html e css</p>
-                </article>
-            </main>
-
-            <footer>
-                <p>Site feito por <a href="https://github.com/joaovtk" class="link-opacity-25-hover link-underline-warning link-offset-3 link-secondary" target="_blank" rel="external">Joao Vitor Soares dos Reis</a></p>
-                <p>Site feito por <a href="https://github.com/eduardoodb" target="_blank" class="link-opacity-25-hover link-underline-warning link-offset-3 link-secondary" rel="external">Eduardo Oliveira Delo Bócio</a></p>
-                <p>Site feito por <a href="https://github.com/Adalberto-Franca" class="link-opacity-25-hover link-underline-warning link-offset-3 link-secondary" target="_blank" rel="external">Adalberto França</a></p>
-                <p>Site feito por <a href="https://github.com/oiesheley" class="link-opacity-25-hover link-underline-warning link-offset-3 link-secondary" target="_blank" rel="external">Esheley</a></p>
-                <p>Site feito por <a href="https://github.com/guilhermegomesss" class="link-opacity-25-hover link-underline-warning link-offset-3 link-secondary" target="_blank" rel="external">Guilherme</a></p>
-                <p>Visite o <a href="https://github.com/joaovtk/CriptoStore" rel="external" target="_blank" class="link-opacity-25-hover link-underline-sucess link-offset-3 link-secondary">Repositorio Oficial</a></p>
+<head>
+  <meta charset="UTF-8" />
+  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+  <link rel="stylesheet" href="css/global.css" />
+  <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/css/bootstrap.min.css"
+    integrity="sha384-T3c6CoIi6uLrA9TneNEoa7RxnatzjcDSCmG1MXxSR1GAsXEV/Dwwykc2MPK8M2HN" crossorigin="anonymous" />
+  <script src="https://code.jquery.com/jquery-3.3.1.slim.min.js"
+    integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo" crossorigin="anonymous">
+  </script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.3/umd/popper.min.js"
+    integrity="sha384-ZMP7rVo3mIykV+2+9J3UJ46jBk0WLaUAdn689aCwoqbBJiSnjAK/l8WvCWPIPm49" crossorigin="anonymous">
+  </script>
+  <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/js/bootstrap.min.js"
+    integrity="sha384-ChfqqxuZUCnJSK3+MXmPNIyE6ZbWh2IMqE241rYiqJxyMiZ6OW/JmZQ5stwEULTy" crossorigin="anonymous">
+  </script>
+  <title>Sobre Nós</title>
+</head>
+
+<body>
+  <header class="bg-dark text-white">
+    <img src="img/cripto.png" alt="" class="brand" />
+    <span class="cripto">Cripto Store</span>
+  </header>
+  <nav class="navbar navbar-expand-lg navbar-dark bg-dark p-3">
+    <div class="md-form mt-0">
+      <input class="form-control" type="text" placeholder="Buscar" aria-label="Search">
+    </div>
+    <div class="collapse navbar-collapse" id="navbarNav">
+      <ul class="navbar-nav">
+        <li class="nav-item active">
+          <a class="nav-link" href="/">Home</a>
+        </li>
+        <li class="nav-item">
+          <a class="nav-link" href="/account">Perfil</a>
+        </li>
+        <li class="nav-item">
+          <a class="nav-link" href="/about">Sobre o Projeto <span class="sr-only">(Atual)</span></a>
+        </li>
+        <li class="nav-item">
+          <a class="nav-link" href="#">Promoçoes</a>
+        </li>
+        </li>
+        <li class="nav-item">
+          <a class="nav-link" href="#">Seja Contribuidor</a>
+        </li>
+      </ul>
+    </div>
+  </nav>
+
+  <main>
+    <article>
+      <div class="mt-5">
+        <h1>Quem Somos</h1>
+        <p>
+          Somos estudantes do curso de Desenvolvimento de Sistemas na Instituição Proz Educação,<br>
+          localizada em Belo Horizonte, Minas Gerais. <br>
+          Nosso site tem como foco principal compra e venda de moedas.
+        </p>
+      </div>
+    </article>
+    <article>
+      <h1>Informaçoes uteis</h1>
+      <p>O site foi feito utilizando bootstrap, mas tecnologias basicas e semanticas do html e css</p>
+    </article>
+  </main>
+
+  <footer>
+    <p>Site feito por <a href="https://github.com/joaovtk"
+        class="link-opacity-25-hover link-underline-warning link-offset-3 link-secondary" target="_blank"
+        rel="external">Joao Vitor Soares dos Reis</a></p>
+    <p>Site feito por <a href="https://github.com/eduardoodb" target="_blank"
+        class="link-opacity-25-hover link-underline-warning link-offset-3 link-secondary" rel="external">Eduardo
+        Oliveira Delo Bócio</a></p>
+    <p>Site feito por <a href="https://github.com/Adalberto-Franca"
+        class="link-opacity-25-hover link-underline-warning link-offset-3 link-secondary" target="_blank"
+        rel="external">Adalberto França</a></p>
+    <p>Site feito por <a href="https://github.com/oiesheley"
+        class="link-opacity-25-hover link-underline-warning link-offset-3 link-secondary" target="_blank"
+        rel="external">Esheley</a></p>
+    <p>Site feito por <a href="https://github.com/guilhermegomesss"
+        class="link-opacity-25-hover link-underline-warning link-offset-3 link-secondary" target="_blank"
+        rel="external">Guilherme</a></p>
+    <p>Visite o <a href="https://github.com/joaovtk/CriptoStore" rel="external" target="_blank"
+        class="link-opacity-25-hover link-underline-sucess link-offset-3 link-secondary">Repositorio Oficial</a></p>
+
+    <p>&copy; 2023 Cripto Store</p>
+
+  </footer>
+  </div>
+</body>
 
-                <p>&copy; 2023 Cripto Store</p>
-
-            </footer>
-        </div>
-    </body>
 </html>