Fullstack Drag & Drop Notes App with React 

Thanks for having me on the channel team, it's an honor ☺

25:37 Draggable Cards 41:46 Setting up the Backend 50:31 Making Requests 1:00:10 Making Updates 1:11:40 Delete Button 1:18:26 Context API 1:26:42 Adding Notes 1:37:46 Changing Colors

My first django teacher ❤🎉

Dennis Ivy's apps are always recognizable by their design.

Wow, I'm gonna level it up by adding on-boarding, auth and context api. Fun week

Introduction and Overview - 00:00:00 Demo of Final Product - 00:00:30 Getting Started and Resources - 00:01:27 Setting Up the Project and Basic Configuration - 00:04:13 Creating the Notes Page and Initial Components - 00:06:08 Styling the Application and Adding Basic Functionality - 00:08:11 Handling Data and Setting Up Fake Data - 00:09:06 Creating Note Components and Rendering Notes - 00:10:31 Adding Interactivity and Dynamic Note Features - 00:13:05 Implementing Note Auto-Grow and Drag Functionality - 00:16:41 Setting Up a Backend with Appwrite - 00:18:43 Connecting to Appwrite and Managing Data - 00:47:20 Implementing Data Updates and Auto-Save Features - 01:00:05 Handling Note Deletion and State Management - 01:16:17 Using Context API for State Management - 01:18:34 Adding New Notes and Managing Note Creation - 01:27:03 Implementing Note Color Change Feature - 01:35:51 Conclusion and Final Thoughts - 01:49:05

Dennis is a GOAT 🐐….RESPECT

Great to learn from Django king Dennis

🚀 A Full-Stack project with Appwrite and React in just 2 hours? This is 🔥 Hilarious! 😂👏 Love U ❤

thank you sir! i have learned lots from this

Nice one Dennis! Waiting for the next one 🔥

Thanks a lot for this 🎉🎉

A M A Z I N G

nice work Dennis and FCC!

all hail king Dennis 👑👑

If possible - I'm interested to see one video on AI/ML roadmap for beginners. For very beginners, How to start over AI, what are the job opportunities and how to crack interviews. Thank you. God bless❤

Master King Dennis my Favourite !!!

At 33:30 min, you wanted to add some boundary, cuz if the card exceeded the left or top of window width, there was no way to bring it back without refreshing. Just a quick question, how about we put the ref={cardRef} at the starting div, such that I can drag and drop the card, by selecting it anywhere on the card, instead of just the header part of the card. Although the boundaries are necessary, but just a thought.

How can I change the cursor size? It's really distracting. ;p

Have a small doubt, someone please clear it if I am wrong, when he is deleting or updating the data, he is basically manipulating the Notes state, but what if we just call the init function to fetch data once after a deletion or a creation of a note by passing it in the contextAPI. It will automatically pop up on the UI. Is my approach wrong?

Why does the title say Javascript instead of react?

I don`t undestend. mobile touch don`t work. why don`t use library with drag/drop ?

Great tutorial! Which VSCode color theme are you using?

this looks interesting 🔥🔥🔥🔥🔥🔥

Interesting and thanks

Please could you sort your videos list so I know from where to start. There are many videos. It is confusing.

Good jobs

Finally a tutorial where accent isn't fkd.

great work. thanks

Basic Setup : 0:00 to 25:38 Drag and Drop : 25:38 to 41:51

Great thanks

What is roadmap to be a Devops from System Administrator profile

Plz upload the block chain course from code eater websites 🙏

CAN SOMEONE TELL ME IT IS BEGINNER FRIENDLY TUTORIAL??

Is everything here is free or not ?

Nice!

9th video, asking for some projects using IDX

github ??

The zooming and following, in my opinion, is so annoying

Nice 🤍

👍👍👏💐

1st comment