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 ;
You might also like…
-
Build And Deploy A Full Django API on Linode with Code With Tomi
In this video, @CodeWithTomi shows how to build and deploy an API on Linode using the Django Rest Framework and a Linux Server. -
Django App Part 2 – URLs, Templates, and Static Files
In this video, @CodeWithTomi will cover how to Run a Python server, create URLs, views, and static files in our Django app. -
Harnessing the New Next.js Server Actions Feature To Improve Your Development Efficiency
In this video, Harry explains how to use Next.js server actions, server-run functions that don't require an API, to create an app. -
3 Ways to Improve App Architecture | Streamline AI Powered Apps with Caching Strategies and The Edge
In this bonus episode, Austin discusses app architectures that go beyond the basics, such as database caching, edge computing, and more.