Code a 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 Linode? Get started here with a $100 credit!
Read the doc for more information on working with Node.JS.
Learn more about web development languages.
Subscribe to get notified of new episodes as they come out.

#nodejs #webdevelopment #fullstack #Linode
Product: Linode, Full Stack, Node.js; @CodeWithHarry ;

Developer Tools