Code a Full Stack Note Taking App From Scratch | Full Stack HTML, CSS, JavaScript & Node.js
1,274In 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 Linode? Get started here with a $100 credit → https://www.linode.com/linodetube
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 ;