Build a Notes App with JavaScript & Local Storage (No Frameworks)

Thanks for the tutorial man! helping me learn javascript frfr!

video is cool, but it's definitely not a tutorial for beginners. it requires base (but like VERY solid base) knowledge of js and how does html acts around js and vice-versus. i have coded in cpp but understand very little from this vid. it may be helpful only for people who are actually pretty confident with their js skills

I had a problem were I got an error saying notesListItem was not defined. Any idea on how to fix this.

thank you very much. I am interested how to implement a search function. to find notes from over the title.

Your videos are top f-cking notch. I think i love you <3

Thank you for the excellent tutorial. Love your tutorials. Lot of dedication and effort. Salute.
I am so happy that i succeeded in altering your code and added a backend server with node.js and stored my data in MongoDB, it is a full app now, to save my code snippets.

Will it be able to deploy on Netlify

Hello, I wanted to add a button in the above project that when it is clicked the notes__sidebar will be toggled and will not be visible and when it is clicked again it will be visible. Any hint on how should i approach it?

For quick add .. in my system "[inpTitle, inpBody].forEach(inputField => { " was throwing an Error of undefined "inputField" Dont know why .... If this shows to anybody .. just above this line declare the inputField as an variable ... Anybody having any suggestions ... Appreciations from my side

Great video! If possible, can you explain how and why you design the structure of this application?

Why don't you use a time stamp as an id?

is it possible to add search bar on the notes list?

When I first try to console.log the getAllNotes method, I get a CORS error in the chrome console. What does this mean / why does this happen / what's the best way to fix it?

I was forced to revise a lot of things following along with this project. I also love the fact that DOM kinda used the MVC architecture. May God increase you in knowledge

Sir, When i make list notes left , how i can delet any one ?

Thanks so much and really appreciate all the hard work you put in your videos. Couldn't Thank you less.

thanks learned a lot about classes here!

Hello dcode I understand the way the code works but am having a lil bit of problem when making projects like this on my own.Aby suggestions? tips or tricks?

Thank you for tutorial

I recently started JS and oh boy this was amazing for my beginner skills!

can i get a link of the live demo

Why "dblclick" doesn't work? But the "click" still working.

if I wanna make edit ?
can any one help plz

bro can you can give the code for how to add an pdf,i.e, an an word document to this project please

Thanks for your hard working Dom! It will be my first demo of JS( I took several hours to follow your video and I'm amazed at your coding skills which teach me a lot, such as code structure, code naming, clear logic...Thanks again❤

vanilla JS tutorials are the ones that i really love ❤️

Great video! How about a follow up video that shows how the text area can be formatted as rich text? i.e. add links, bold, italics etc. to the note body

I just search this type of resource!

Op

can you let me know the theme in vscode you use in this video? I really love it

I have few questions:
1) Can we make it work offline
2) Can we add image upload/attach inside the notes
3) How to add copy button after the note that copies the entire note + tittle in plain text (keep formatting) .

how could i miss your videos🥺💔

Today I wrote a quiz app in react first and wrote the same in plain javascript. I found my plain javascript code is a soup and went on finding inspiration of how to segregate the separation of concerns and found your video after 3-4 hours. I am so happy to learn this method. Thanks for sharing it. Please indicate which other apps you did in a similar fashion?

Also, if I want to introduce a functional programming paradigm of writing the same app, how can we do that? For example, react uses a functional programming approach, so I am sure we can also do that in vanilla JS.

Great sir sir udemy course link not working
Please tell me what keyword i can serch you in udemy

What if I want to save it in a mySQL database?

You are amazing man! Thank you so much for putting in so much time. I also loved the fact that there were no frameworks, everything about this video satisfied me!!! Thank you so much again

Hi, thanks for this great video.
I would like to know the reason why you wrote the CRUD functions in app js and passing them to the view instance instead of writing them directly in noteView? Is it because of integrating 2 classes ( noteView and noteAPI ) in the same place?

Thank's for the video Mr.Dom So informative and in pure js

please make tutorial for creating simple web builder with javascript😇😇

Cann help me

Can someone explain how the 'existing' note was saved? We find the existing note but never put on the localstorage, the find method change the original 'notes' array ??

can you create the same as this app but with firebase realtime database as a backend instead of local storage ? please reply soon as you can and thank you

I appreciate it alot !

I like your tutorials coz they are in pure JS.

Thanks for sharing this for free. You could be selling these on udemy. opps did I say that outloud.