Create, Read, Update, Delete (CRUD) in JavaScript: Note Taking App Tutorial

In this tutorial, we'll be creating a CRUD (Create, Read, Update, Delete) note taking app using vanilla JavaScript. This app will allow users to enter notes, view them, and delete them.

If you're looking to learn the basics of CRUD apps in JavaScript, then this tutorial is for you! By the end of this tutorial, you'll have created a basic CRUD app that you can use in your own projects. We'll walk you through the entire process, from scratch, so you'll understand every step of the way. Let's get started!

? Download Starter Code: https://www.patreon.com/posts/starter-file-89727308
? Source Code (Patreon): https://www.patreon.com/posts/notekeeper-crud-90521818?utm_medium=clipboard_copy&utm_source=copyLink&utm_campaign=postshare_creator&utm_content=join_link
? Source Code (Buymeacoffee): https://www.buymeacoffee.com/codewithsadee/e/173443
? UI Kit (Patreon): https://www.patreon.com/posts/notekeeper-crud-90522363?utm_medium=clipboard_copy&utm_source=copyLink&utm_campaign=postshare_creator&utm_content=join_link
? UI Kit (Buymeacoffee): https://www.buymeacoffee.com/codewithsadee/notekeeper-crud-app-ui-kit
? Join our discord community to get help: https://discord.com/invite/DhhydBpPFp

⏱️ Timestamps
0:00 - Demo
6:58 - Starter file
08:25 - Initial HTML CSS
22:24 - Setting typography
27:47 - Sidebar section
54:43 - Header section
1:02:15 - Notelist
1:14:27 - Modal
1:27:56 - Tooltip
1:32:57 - Media queries
1:38:31 - Basic javascript functionality
1:44:47 - Light & dark theme
1:58:07 - Tooltip functionality
2:06:01 - Create notebook (JS)
2:40:08 - Render existed notebook (JS)
2:46:56 - Update notebook (JS)
2:59:40 - Delete notebook (JS)
2:22:48 - Create note (JS)
3:52:46 - Render note (JS)
4:07:36 - Read & update note (JS)
4:16:26 - Delete note (JS)


? Like - Follow & Support? Like - Follow & Support
Twitter: https://twitter.com/codewithsadee_
Github: https://github.com/codewithsadee
Facebook: https://www.facebook.com/codewithsadeefan
Instagram: https://www.instagram.com/codewithsadee

⚠️ Disclaimer
Disclaimer video is for educational purposes only. Copyright Disclaimer Under Section 107 of the Copyright Act 1976, allowance is made for "fair use" for purposes such as criticism, comment, news reporting, teaching, scholarship, and research. Fair use is permitted by copyright statute that might otherwise be infringing. Non-profit, educational or personal use tips the balance in favour of fair use

#codewithsadee
#crudapp
#notetakingapp