Code a Full Stack Note Taking App From Scratch | Full Stack HTML, CSS, JavaScript & Node.js
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 ;
On this page of the site you can watch the video online Code a Full Stack Note Taking App From Scratch | Full Stack HTML, CSS, JavaScript & Node.js with a duration of hours minute second in good quality, which was uploaded by the user Akamai Developer 14 September 2022, share the link with friends and acquaintances, this video has already been watched 42,084 times on youtube and it was liked by 1.5 thousand viewers. Enjoy your viewing!
