Fixed routing and got anime to display.

app.js

@@ -1,72 +1,61 @@
-var createError = require('http-errors');
+const express = require('express');
+const app = express();
 const dbOperations = require('./database.js');
-var express = require('express');
-var path = require('path');
-var cookieParser = require('cookie-parser');
-var logger = require('morgan');
+const port = 3000
 
-var indexRouter = require('./routes/index');
-var createRouter = require('./routes/create');
-var addRouter = require('./routes/add');
-var displayRouter = require('./routes/display');  
-var updateRouter = require('./routes/update');  
-
-var app = express();
+/**To serve static files such as images, CSS files, and JavaScript files, create a folders
+* and include the below statement.  The below statement assumes that I have a folder named assets
+**/
+app.use(express.static('assets'))
 
 // view engine setup
-app.set('views', path.join(__dirname, 'views'));
-app.set('view engine', 'hbs');
+app.set("view engine", "hbs");
 
-app.use(logger('dev'));
+// parse application/json
 app.use(express.json());
-app.use(express.urlencoded({ extended: true }));
-app.use(cookieParser());
-app.use(express.static(path.join(__dirname, 'public')));
 
+// For parsing application/x-www-form-urlencoded
+app.use(express.urlencoded({ extended: true }))
+
+// ROUTE TO HOME PAGE
 app.get('/', function (req, res) {
-  dbOperations.getAnime(res)
 
-  res.render('index',{
-    title: "ANIME DATABASE"
-  })
+  dbOperations.getAnime(res);
 })
 
-app.use('/', indexRouter);
-app.use('/display', displayRouter);
-app.use('/create', createRouter);
-app.use('/add', addRouter);
-app.use('/update', updateRouter);
-
-app.post('/add', function (req,res) {
-  res.render('index', {title: 'ANIME DATABASE'})
 
-  const {animeID,animeName,releaseYear,genre,rating} = req.body;
+// ROUTE TO UPDATE PAGE
+app.get('/update', function (req, res) {
 
-  dbOperations.createItem(animeID,animeName,releaseYear,genre,rating);
+  dbOperations.getAnime(res);
 })
 
-app.post('/delete', function (req,res) {
-  res.render('index', {title: 'ANIME DATABASE'})
+// ROUTE TO CREATE ANIME LIST ITEM
+ app.post('/create', function (req, res) {
 
-  const {deleterecord} = req.body;
+	// GETTING BODY PARAMETERS
+  const {anime_name,release_year,genre,rating}= req.body;
 
+  // EXECUTE createItems METHOD
+  dbOperations.createItem(anime_name,release_year,genre,rating, res);
+
+ })
+
+ // ROUTE TO DELETE ANIME ITEM
+ app.post('/delete', function (req, res) {
+	// GETTING BODY PARAMETERS
+  const {deleterecord}= req.body;
   dbOperations.deleteItem(deleterecord);
-})
 
-// catch 404 and forward to error handler
-app.use(function(req, res, next) {
-  next(createError(404));
-});
+ })
 
-// error handler
-app.use(function(err, req, res, next) {
-  // set locals, only providing error in development
-  res.locals.message = err.message;
-  res.locals.error = req.app.get('env') === 'development' ? err : {};
+ // ROUTE TO UPDATE ANIME LIST ITEM
+ app.post('/update', function (req, res) {
 
-  // render the error page
-  res.status(err.status || 500);
-  res.render('error');
-});
+	// GETTING BODY PARAMETERS
+  const {anime_name,release_year,genre,rating}= req.body;
+  dbOperations.updateItem(anime_name,release_year,genre,rating);
 
-module.exports = app;
+ })
+
+ module.exports = app;

database.js

@@ -13,3 +13,72 @@ let db = new sqlite3.Database('./animedb.db', sqlite3.OPEN_READWRITE, (err) => {
 	}
 });
 
+// CREATE ANIME ITEM
+let createItem = (anime_name,release_year,genre,rating,res) =>{
+    var createAnimeItem = `INSERT INTO anime_items(anime_name,release_year,genre,rating) VALUES (?,?,?,?)` //  PARAMETERIZED QUERY
+    var params = [anime_name,release_year,genre,rating];
+
+    db.run(createAnimeItem,params,function(err){
+
+        if(err){
+            return console.log(err.message);
+        }
+        getAnime(res);
+        })
+
+    }
+
+
+// DISPLAY ALL ANIME 
+let getAnime = (res) => {
+    var getAllAnimeItems = 'SELECT animeID,anime_name,release_year,genre,rating FROM anime_items';
+    db.all(getAllAnimeItems, function(err, rows){
+        if (err) {
+
+            throw err;
+          }
+          console.log(rows);
+		res.render('index', {rows})
+
+    })
+
+}
+
+// UPDATE ANIME ITEM
+
+let updateItem = (recordToUpdate,res) =>{
+    var updateAnimeItem = 'UPDATE anime_items SET anime_name = ? WHERE animeID = ?';
+    var params = [recordToUpdate];
+
+	db.run(updateAnimeItem, function(err){
+		if (err){
+			return console.log(err.message);
+		}
+
+
+        console.log("Anime Updated");
+        console.log(`Rows updated ${this.changes}`);
+	});
+
+    getAnime(res);
+
+}
+// DELETE ANIME ITEM
+let deleteItem = (recordToDelete,res) =>{
+
+    var deleteAnimeItem = 'DELETE FROM anime_items WHERE animeID = ?';
+
+    var params = [recordToDelete];
+    db.run(deleteAnimeItem,params,function(err){
+
+        if(err){
+            return console.log(err.message);
+        }
+        console.log("Anime Item Deleted");
+        console.log('Rows deleted ${this.changes}');
+        });
+    }
+
+
+    module.exports = {createItem,updateItem,getAnime,deleteItem}
+

model/anime.js

@@ -1,8 +1,8 @@
 var anime = {
 
 	animeID: "",
-	animeName: "",
-	releaseYear: "",
+	anime_name: "",
+	release_year: "",
 	genre: "",
 	rating: ""
 

routes/index.js

@@ -3,7 +3,7 @@ var router = express.Router();
 
 /* GET home page. */
 router.get('/', function(req, res, next) {
-  res.render('index', { title: 'ANIME DATABASE' });
+  res.render('index', ('Anime Database'));
 });
 
-module.exports = router;
+module.exports = router;

views/index.hbs

@@ -1,5 +1,5 @@
 <nav class="navbar navbar-expand-xl navbar-dark" style="background-color: #0C0D08;">
-  <a class="navbar-brand" href="/">{{title}}</a>
+  <a class="navbar-brand" href="/">Anime Database</a>
   <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
     <span class="navbar-toggler-icon"></span>
   </button>
@@ -21,4 +21,50 @@
 </nav>
 
 
-<h2>Welcome to the {{title}} where you can help us enter,update and delete anime!</h2>
+
+<body>
+        <div id="container">
+           <h1>Enter Anime Item</h1>
+<form action="/create" method="POST">
+	<input type="text"  name="anime_name" class="form-control" placeholder="Enter Anime Name (ex. Naruto)" size="40"><br>
+	<input type="number" min="1900" max="2099" step="1" name="release_year" class="form-control" placeholder="Enter Anime Release Date   (ex. 2022)" size="40"><br>
+	<input type="text"  name="genre" class="form-control" placeholder="Enter Anime Genre (ex. Slice-of-life)" size="40"><br>
+	<input type="number" step="0.01"class="form-control" name="rating" placeholder="Enter a rating" size="40"><br>
+	<input type="submit" class="btn btn-primary" value="submit">
+</form>
+
+            <!-- Display Anime Items -->
+            <h2>ANIME LIST</h2>
+            <table style="margin: 20px;">
+                    <tr>
+                        <th>ANIME ID</th>
+                       <th>TITLE</th>
+                        <th>RELEASE YEAR</th>
+                          <th>GENRE</th>
+                          <th>RATING</th>
+                    </tr>
+                {{#each rows}}
+                    <tr>
+                         <td>{{this.animeID}}</td>
+                        <td>{{this.anime_name}}</td>
+                        <td>{{this.release_year}}</td>
+                        <td>{{this.genre}}</td>
+                        <td>{{this.rating}}</td>
+                        <td>
+                            <div class="button-container">
+                            <form action="/update_item" method="POST">
+                                <button name="updaterecord" id="update" type="submit" class="btn btn-success" value="{{this.animeID}}">UPDATE</button>
+                            </form>
+                            <form action="/delete_item" method="POST">
+                                <button name="deleterecord" id="deletenow" type="submit" class="btn btn-danger" value="{{this.animeID}}">DELETE</button>
+                            </form>
+                            </div>
+                        </td>
+
+                    </tr>
+                {{/each}}
+            </table>
+        </div>
+    </body>
+
+</html>