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-viewers/?ifso=linodetube&utm_source=youtube&utm_medium=SuperUser Read the doc for more information on working with Node.JS → https://www.linode.com/docs/guides/using-nodejs-typescript-and-express-to-build-a-web-server/ Learn more about web development languages → https://www.linode.com/docs/guides/web-programming-languages/ Subscribe to get notified of new episodes as they come out → https://www.youtube.com/linode?sub_confirmation=1 #nodejs #webdevelopment #fullstack #Linode Product: Linode, Full Stack, Node.js; @CodeWithHarry ;