Balram-internship

db/index.js

@@ -5,12 +5,15 @@ const mongoose = require("mongoose");
 // ℹ️ Sets the MongoDB URI for our app to have access to it.
 // If no env has been set, we dynamically set it to whatever the folder name was upon the creation of the app
 
-const MONGO_URI = process.env.MONGODB_URI || "mongodb://localhost/lab-express-drones";
+const MONGO_URI =
+  process.env.MONGODB_URI || "mongodb://127.0.0.1:27017/lab-express-drones";
 
 mongoose
   .connect(MONGO_URI)
   .then((x) => {
-    console.log(`Connected to Mongo! Database name: "${x.connections[0].name}"`);
+    console.log(
+      `Connected to Mongo! Database name: "${x.connections[0].name}"`
+    );
   })
   .catch((err) => {
     console.error("Error connecting to mongo: ", err);

models/Drone.model.js

@@ -1 +1,21 @@
-// Iteration #1
+// Iteration #1
+
+const { Schema, model } = require("mongoose");
+
+const droneSchema = new Schema({
+  name: {
+    type: String,
+    required: true,
+  },
+  propellers: {
+    type: Number,
+    required: true,
+  },
+  maxSpeed: {
+    type: Number,
+    required: true,
+  },
+});
+
+const Drone = model("Drone", droneSchema);
+module.exports = Drone;

public/stylesheets/style.css

@@ -1,6 +1,7 @@
 body {
   padding: 50px;
-  font: 14px 'Lucida Grande', Helvetica, Arial, sans-serif;
+  font: 14px "Lucida Grande", Helvetica, Arial, sans-serif;
+  text-align: center;
 }
 
 a {

routes/drones.js

@@ -1,36 +1,93 @@
-const express = require('express');
+const express = require("express");
 const router = express.Router();
 
 // require the Drone model here
+const Drone = require("../models/Drone.model");
 
-router.get('/drones', (req, res, next) => {
+const bodyParser = require("body-parser");
+router.use(bodyParser.urlencoded({ extended: true }));
+
+router.get("/drones", (req, res, next) => {
   // Iteration #2: List the drones
   // ... your code here
+  Drone.find()
+    .then((listOfDrones) => {
+      console.log("Retrieved the list of drones from DB", listOfDrones);
+      res.render("drones/list", { dronesList: listOfDrones });
+    })
+    .catch((err) => {
+      console.log("Error while getting the Drones from the DB", err);
+      next(err);
+    });
 });
 
-router.get('/drones/create', (req, res, next) => {
+router.get("/drones/create", (req, res, next) => {
   // Iteration #3: Add a new drone
   // ... your code here
+  res.render("drones/create-form");
 });
 
-router.post('/drones/create', (req, res, next) => {
+router.post("/drones/create", (req, res, next) => {
   // Iteration #3: Add a new drone
   // ... your code here
+  const { droneName, dronePropellers, droneSpeed } = req.body;
+  Drone.collection
+    .insertOne({
+      name: droneName,
+      propellers: dronePropellers,
+      maxSpeed: droneSpeed,
+    })
+    .then(() => {
+      console.log("created");
+      res.redirect("/drones");
+    })
+    .catch((err) => {
+      console.log("Error while inserting the new drone into DB", err);
+      next(err);
+    });
 });
 
-router.get('/drones/:id/edit', (req, res, next) => {
+router.get("/drones/:id/edit", (req, res, next) => {
   // Iteration #4: Update the drone
   // ... your code here
+  Drone.findById(req.params.id).then((d) => {
+    console.log(d);
+    res.render("drones/update-form", { d });
+  });
 });
 
-router.post('/drones/:id/edit', (req, res, next) => {
+router.post("/drones/:id/edit", (req, res, next) => {
   // Iteration #4: Update the drone
   // ... your code here
+  const { droneName, dronePropellers, droneSpeed } = req.body;
+  const updateDrone = {
+    name: droneName,
+    propellers: dronePropellers,
+    maxSpeed: droneSpeed,
+  };
+  Drone.findByIdAndUpdate(req.params.id, updateDrone)
+    .then(() => {
+      console.log("updated");
+      res.redirect("/drones");
+    })
+    .catch((err) => {
+      console.log("Error while updating drone details", err);
+      next(err);
+    });
 });
 
-router.post('/drones/:id/delete', (req, res, next) => {
+router.post("/drones/:id/delete", (req, res, next) => {
   // Iteration #5: Delete the drone
   // ... your code here
+  Drone.findByIdAndDelete(req.params.id)
+    .then(() => {
+      console.log("deleted");
+      res.redirect("/drones");
+    })
+    .catch((err) => {
+      console.log("Error while deleting the drone", err);
+      next(err);
+    });
 });
 
 module.exports = router;

seeds/drones.seed.js

@@ -1 +1,32 @@
 // Iteration #1
+const dronesArray = [
+  { name: "Creeper XL 500", propellers: 3, maxSpeed: 12 },
+
+  { name: "Racer 57", propellers: 4, maxSpeed: 20 },
+
+  { name: "Courier 3000i", propellers: 6, maxSpeed: 18 },
+];
+
+const mongoose = require("mongoose");
+
+const Drone = require("../models/Drone.model");
+
+const MONGO_URI =
+  process.env.MONGODB_URI || "mongodb://127.0.0.1:27017/lab-express-drones";
+
+mongoose
+  .connect(MONGO_URI)
+  .then((x) => {
+    console.log(
+      `Connected to Mongo! Database name: "${x.connections[0].name}"`
+    );
+  })
+  .then(() => {
+    Drone.create(dronesArray).then((drones) => {
+      console.log(drones.length);
+      mongoose.connection.close();
+    });
+  })
+  .catch((err) => {
+    console.error("Error connecting to mongo: ", err);
+  });

views/drones/create-form.hbs

@@ -1 +1,22 @@
-<h2>Create a new drone</h2>
+<h2>Create a new drone</h2>
+
+<form action="/drones/create" method="POST" class="text-start">
+  <label for="drone-name" class="form-label">Name:</label>
+  <input id="drone-name" type="text" name="droneName" class="form-control" />
+  <label for="drone-propellers" class="form-label">Propellers:</label>
+  <input
+    id="drone-propellers"
+    type="number"
+    name="dronePropellers"
+    class="form-control"
+  />
+  <label for="drone-speed" class="form-label">Max. Speed:</label>
+  <input
+    id="drone-speed"
+    type="number"
+    name="droneSpeed"
+    class="form-control"
+  />
+
+  <button type="submit" class="btn btn-primary mt-3">CREATE DRONE</button>
+</form>

views/drones/list.hbs

@@ -1 +1,31 @@
-<h2>Available drones</h2>
+<h2><u>Available drones</u></h2>
+<table class="table table-hover">
+  <thead>
+    <tr>
+      <th>Name</th>
+      <th>Propellers</th>
+      <th>Max. Speed</th>
+      <th>Update</th>
+      <th>Delete</th>
+    </tr>
+  </thead>
+  <tbody>
+    {{#each dronesList}}
+      <tr>
+        <td>{{name}}</td>
+        <td>{{propellers}}</td>
+        <td>{{maxSpeed}}</td>
+        <td><a href="/drones/{{_id}}/edit"><button
+              type="button"
+              class="btn btn-success"
+            >Update</button></a></td>
+        <td><form action="/drones/{{_id}}/delete" method="POST">
+            <button type="submit" class="btn btn-danger">Delete</button>
+          </form></td>
+      </tr>
+    {{/each}}
+  </tbody>
+</table>
+
+<a href="/drones/create"><button type="button" class="btn btn-info">ADD NEW
+    DRONE</button></a>

views/drones/update-form.hbs

@@ -1 +1,30 @@
-<h2>Update the drone</h2>
+<h2>Update the drone</h2>
+
+<form action="/drones/{{d._id}}/edit" method="POST" class="text-start">
+  <label for="drone-name" class="form-label">Name:</label>
+  <input
+    id="drone-name"
+    type="text"
+    name="droneName"
+    value="{{d.name}}"
+    class="form-control"
+  />
+  <label for="drone-propellers" class="form-label">Propellers:</label>
+  <input
+    id="drone-propellers"
+    type="number"
+    name="dronePropellers"
+    value="{{d.propellers}}"
+    class="form-control"
+  />
+  <label for="drone-speed" class="form-label">Max. Speed:</label>
+  <input
+    id="drone-speed"
+    type="number"
+    name="droneSpeed"
+    value="{{d.maxSpeed}}"
+    class="form-control"
+  />
+
+  <button type="submit" class="btn btn-primary mt-3">UPDATE DRONE</button>
+</form>

views/index.hbs

@@ -1,2 +1,4 @@
-<h1>{{title}}</h1>
-<p>Welcome to {{title}}</p>
+<a href="/drones"><button
+    type="button"
+    class="btn btn-primary"
+  >DRONES</button></a>

views/layout.hbs

@@ -1,12 +1,17 @@
-<!DOCTYPE html>
 <html lang="en">
 
   <head>
-    <meta charset="UTF-8">
-    <meta name="viewport" content="width=device-width, initial-scale=1.0">
-    <meta http-equiv="X-UA-Compatible" content="ie=edge">
+    <meta charset="UTF-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <meta http-equiv="X-UA-Compatible" content="ie=edge" />
     <title>{{title}}</title>
     <link rel="stylesheet" href="/stylesheets/style.css" />
+    <link
+      href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/css/bootstrap.min.css"
+      rel="stylesheet"
+      integrity="sha384-EVSTQN3/azprG1Anm3QDgpJLIm9Nao0Yz1ztcQTwFspd3yD65VohhpuuCOmLASjC"
+      crossorigin="anonymous"
+    />
   </head>
 
   <body>