tjkhara

Updating an item

Things to revise and do

Setup

Click on the edit button to get the prompt
Get the user value and send it to the node server
Make a new file browser.js and put a link to that in the html that is returned
Create a public folder and create this file in it

Update item part 2

Write node code to talk to the mongodb

Start work on this function in server.js

app.post('/update-item', function(req, res){
	// This is where the db communication will happen
	console.log(req.body.text)

res.send("Success")

Part 1:

https://gist.github.com/tjkhara/69c635273732aea3c1536bc5e738d378

Part 2:

https://gist.github.com/tjkhara/4d9d0544dadeb02f5dbdd045e937038f

Next - Deleting items

Deleting an item

Video link: https://www.udemy.com/course/learn-javascript-full-stack-from-scratch/learn/lecture/14422924#notes

Start by modifying this function in browser.js

// Edit functionality
document.addEventListener("click", function(e){

// Delete feature

Creating a new item without page reload

Intercept default behavior of submitting a form

Go to server.js and first add some ids:

let express = require('express')
let mongodb = require('mongodb') // Import mongodb package

let app = express()

Client side rendering

What is client side rendering?

On browser.js

function itemTemplate(item){
	return `<li class="list-group-item list-group-item-action d-flex align-items-center justify-content-between">
					<span class="item-text">${item.text}</span>

Complex App Getting Started Note 1

Need to improve:

Code organization
Different users
Attention to detail - validation

Create new folder

What is a router?

If you have an issue with

npm run watch

Do this

sudo pkill -f node

	let express = require('express')

	let app = express()

	app.get('/', function(req, res){
	res.send(`
	<!DOCTYPE html>
	<html>
	<head>
	<meta charset="UTF-8">

	let express = require('express')

	let app = express()

	app.use(express.urlencoded({extended: false}))

	app.get('/', function(req, res){
	res.send(`
	<!DOCTYPE html>
	<html>