geminiSharma-Internship

models/Drone.model.js

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

routes/drones.js

@@ -1,36 +1,75 @@
 const express = require('express');
 const router = express.Router();
+const Drone = require('../models/Drone.model');
 
 // require the Drone model here
 
-router.get('/drones', (req, res, next) => {
+router.get('/drones', async(req, res, next) => {
   // Iteration #2: List the drones
   // ... your code here
+  try {
+    const drones = await Drone.find();
+    res.render('drones/list', { drones });
+  } catch (error) {
+    console.error('Error fetching drones:', error);
+    res.status(500).send('Internal Server Error');
+  }
 });
 
 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', async (req, res, next) => {
   // Iteration #3: Add a new drone
   // ... your code here
+  try {
+    const { name, propellers, maxSpeed } = req.body;
+    const newDrone = await Drone.create({ name, propellers, maxSpeed });
+    res.redirect('/drones');
+  } catch (error) {
+    console.error('Error creating new drone:', error);
+    res.render('drones/create-form', { errorMessage: 'Error creating new drone. Please try again.' });
+  }
 });
 
-router.get('/drones/:id/edit', (req, res, next) => {
+router.get('/drones/:id/edit', async (req, res, next) => {
   // Iteration #4: Update the drone
   // ... your code here
+  try {
+    const drone = await Drone.findById(req.params.id);
+    res.render('drones/update-form', { drone });
+  } catch (error) {
+    console.error('Error fetching drone for update:', error);
+    res.status(404).send('Drone not found');
+  }
 });
 
-router.post('/drones/:id/edit', (req, res, next) => {
+router.post('/drones/:id/edit', async (req, res, next) => {
   // Iteration #4: Update the drone
   // ... your code here
+  try {
+    const { name, propellers, maxSpeed } = req.body;
+    await Drone.findByIdAndUpdate(req.params.id, { name, propellers, maxSpeed });
+    res.redirect('/drones');
+  } catch (error) {
+    console.error('Error updating drone:', error);
+    res.render('drones/update-form', { errorMessage: 'Error updating drone. Please try again.' });
+  }
 });
 
-router.post('/drones/:id/delete', (req, res, next) => {
+router.post('/drones/:id/delete', async (req, res, next) => {
   // Iteration #5: Delete the drone
   // ... your code here
+  try {
+    await Drone.findByIdAndDelete(req.params.id);
+    res.redirect('/drones');
+  } catch (error) {
+    console.error('Error deleting drone:', error);
+    res.status(500).send('Internal Server Error');
+  }
 });
 
 module.exports = router;

seeds/drones.seed.js

@@ -1 +1,26 @@
 // Iteration #1
+const mongoose = require('mongoose');
+const Drone = require('../models/Drone.model');
+
+const dronesData = [
+  { name: "Creeper XL 500", propellers: 3, maxSpeed: 12 },
+  { name: "Racer 57", propellers: 4, maxSpeed: 20 },
+  { name: "Courier 3000i", propellers: 6, maxSpeed: 18 }
+];
+
+mongoose.connect('mongodb://localhost:27017/lab-express-drones', {
+  useNewUrlParser: true,
+  useUnifiedTopology: true
+})
+.then(() => {
+  return Drone.create(dronesData);
+})
+.then(drones => {
+  console.log(`${drones.length} drones have been successfully created.`);
+})
+.catch(error => {
+  console.error('Error seeding the database:', error);
+})
+.finally(() => {
+  mongoose.disconnect();
+});

views/drones/create-form.hbs

@@ -1 +1,18 @@
-<h2>Create a new drone</h2>
+<h2>Create a new drone</h2>
+
+<form action="/drones/create" method="POST">
+  <label for="name">Name:</label>
+  <input type="text" id="name" name="name" required><br>
+
+  <label for="propellers">Propellers:</label>
+  <input type="number" id="propellers" name="propellers" required><br>
+
+  <label for="maxSpeed">Max Speed:</label>
+  <input type="number" id="maxSpeed" name="maxSpeed" required><br>
+
+  <button type="submit">Create Drone</button>
+</form>
+
+{{#if errorMessage}}
+  <p>{{errorMessage}}</p>
+{{/if}}

views/drones/list.hbs

@@ -1 +1,15 @@
-<h2>Available drones</h2>
+<h2>Available drones</h2>
+
+<ul>
+  {{#each drones}}
+    <li>
+      <strong>Name:</strong> {{this.name}}, 
+      <strong>Propellers:</strong> {{this.propellers}}, 
+      <strong>Max Speed:</strong> {{this.maxSpeed}}
+      <a href="/drones/{{this._id}}/edit">Edit</a>
+      <form action="/drones/{{this._id}}/delete" method="POST" style="display: inline;">
+        <button type="submit">Delete</button>
+      </form>
+    </li>
+  {{/each}}
+</ul>

views/drones/update-form.hbs

@@ -1 +1,18 @@
-<h2>Update the drone</h2>
+<h2>Update the drone</h2>
+
+<form action="/drones/{{drone._id}}/edit" method="POST">
+  <label for="name">Name:</label>
+  <input type="text" id="name" name="name" value="{{drone.name}}" required><br>
+
+  <label for="propellers">Propellers:</label>
+  <input type="number" id="propellers" name="propellers" value="{{drone.propellers}}" required><br>
+
+  <label for="maxSpeed">Max Speed:</label>
+  <input type="number" id="maxSpeed" name="maxSpeed" value="{{drone.maxSpeed}}" required><br>
+
+  <button type="submit">Update Drone</button>
+</form>
+
+{{#if errorMessage}}
+  <p>{{errorMessage}}</p>
+{{/if}}

views/layout.hbs

@@ -1,19 +1,55 @@
+
 <!DOCTYPE html>
 <html lang="en">
+<head>
+  <meta charset="UTF-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
+  <title>Drone Management App</title>
+  <link href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css" rel="stylesheet">
+  <style>
+    body {
+      padding-top: 5rem;
+    }
+    footer {
+      position: fixed;
+      bottom: 0;
+      width: 100%;
+      background-color: #f8f9fa;
+      padding: 1rem 0;
+      text-align: center;
+    }
+  </style>
+</head>
+<body>
+  <header>
+    <nav class="navbar navbar-expand-lg navbar-dark bg-dark">
+      <div class="container">
+        <a class="navbar-brand" href="/">Drone Management App</a>
+        <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarNav" aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation">
+          <span class="navbar-toggler-icon"></span>
+        </button>
+        <div class="collapse navbar-collapse" id="navbarNav">
+          <ul class="navbar-nav ml-auto">
+            <li class="nav-item">
+              <a class="nav-link" href="/drones">Drones</a>
+            </li>
+            <li class="nav-item">
+              <a class="nav-link" href="/drones/create">Create Drone</a>
+            </li>
+          </ul>
+        </div>
+      </div>
+    </nav>
+  </header>
 
-  <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">
-    <title>{{title}}</title>
-    <link rel="stylesheet" href="/stylesheets/style.css" />
-  </head>
-
-  <body>
-
-    {{{body}}}
+  {{{body}}}
 
-    <script src="/js/script.js"></script>
-  </body>
+  <footer>
+    <p>&copy; 2024 Drone Management App</p>
+  </footer>
 
+  <script src="https://code.jquery.com/jquery-3.5.1.slim.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/npm/@popperjs/[email protected]/dist/umd/popper.min.js"></script>
+  <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/js/bootstrap.min.js"></script>
+</body>
 </html>