Sign in to confirm you’re not a bot
This helps protect our community. Learn more

Code a Full Stack Note Taking App From Scratch | Full Stack HTML, CSS, JavaScript & Node.js

Akamai Developer
1.04M subscribers
<__slot-el>
<__slot-el>
44K views 2 years ago #fullstack #nodejs #webdevelopment
In this video, @CodeWithHarry will show you how to create a note taking app from scratch using HTML, CSS, JavaScript, and Node.js. Be sure to subscribe for more videos and tutorials. Chapters: 0:00 Introduction 0:40 Install node.js 1:50 Create Database Cluster 4:15 Create a new VSCode Project 6:30 Create index.js 9:10 Create login.html 12:30 How to Use res.sendFile 14:30 Change Front End Appearance 17:30 Fixing your Login and Signup Flow 18:28 Setup Navbar Sharing 19:42 Create the Front End for Notes 22:54 How to Add and Save New Notes 36:35 Create a Sign Up Page 40:46 Connect to a Linode Managed Database 45:00 Create Models in Mongoose 51:00 Create Sign Up Flow 1:03:00 Send Details to Add Note API 1:07:02 Retrieving All Notes 1:12:18 Finish the Delete Functionality 1:13:26 Refreshing the List After Adding a New Note 1:15:18 Conclusion New to Cloud Computing? Get started here with a $100 credit → https://www.linode.com/lp/youtube-vie... Read …...more
...more

Introduction

0:00

Install node.js

0:40

Create Database Cluster

1:50

Create a new VSCode Project

4:15

Create index.js

6:30

Create login.html

9:10

How to Use res.sendFile

12:30

Change Front End Appearance

14:30

Fixing your Login and Signup Flow

17:30

Setup Navbar Sharing

18:28

Create the Front End for Notes

19:42

How to Add and Save New Notes

22:54

Create a Sign Up Page

36:35

Connect to a Linode Managed Database

40:46

Create Models in Mongoose

45:00

Create Sign Up Flow

51:00

Send Details to Add Note API

1:03:00

Retrieving All Notes

1:07:02

Finish the Delete Functionality

1:12:18

Refreshing the List After Adding a New Note

1:13:26

Conclusion

1:15:18
Code a Full Stack Note Taking App From Scratch | Full Stack HTML, CSS, JavaScript & Node.js
1.6KLikes
44,881Views
2022Sep 14
In this video, @CodeWithHarry will show you how to create a note taking app from scratch using HTML, CSS, JavaScript, and Node.js. Be sure to subscribe for more videos and tutorials. Chapters: 0:00 Introduction 0:40 Install node.js 1:50 Create Database Cluster 4:15 Create a new VSCode Project 6:30 Create index.js 9:10 Create login.html 12:30 How to Use res.sendFile 14:30 Change Front End Appearance 17:30 Fixing your Login and Signup Flow 18:28 Setup Navbar Sharing 19:42 Create the Front End for Notes 22:54 How to Add and Save New Notes 36:35 Create a Sign Up Page 40:46 Connect to a Linode Managed Database 45:00 Create Models in Mongoose 51:00 Create Sign Up Flow 1:03:00 Send Details to Add Note API 1:07:02 Retrieving All Notes 1:12:18 Finish the Delete Functionality 1:13:26 Refreshing the List After Adding a New Note 1:15:18 Conclusion New to Cloud Computing? Get started here with a $100 credit → https://www.linode.com/lp/youtube-vie... Read the doc for more information on working with Node.JS → https://www.linode.com/docs/guides/us... Learn more about web development languages → https://www.linode.com/docs/guides/we... Subscribe to get notified of new episodes as they come out → https://www.youtube.com/linode?sub_co... #nodejs #webdevelopment #fullstack #Linode Product: Linode, Full Stack, Node.js; @CodeWithHarry ;

Follow along using the transcript.

Akamai Developer

1.04M subscribers