Fullstack Drag & Drop Notes App with React

[@DennisIvy]

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

[@greenthumb7405]

great tutorial, even cooler project.

[@knowledgedose1956]

Hi Dennis, nice vid, nice to see you here

[@DennisIvy]

@@greenthumb7405 🙏

[@DennisIvy]

@@knowledgedose1956 😊

[@QuantumCanvas07]

That arrow pointer movement looks so smooth. How do you do that?

[@curiouscartographer3111]

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

[@SouhailEntertainment]

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

[@koladechris]

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

[@DennisIvy]

I hope thats a good thing 😳

[@koladechris]

@@DennisIvy yes it is

[@DennisIvy]

@@koladechris ☺

[@christyjacob8551]

Nice one Dennis! Waiting for the next one 🔥

[@AlvinMutongozwa-db1bu]

Dennis is a GOAT 🐐….RESPECT

[@DennisIvy]

😄

[@QuantumCanvas07]

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

[@xlogan6041]

My first django teacher ❤🎉

[@DennisIvy]

😁

[@parmanandchauhan6182]

Great to learn from Django king Dennis

[@farazahmed1668]

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

[@DennisIvy]

💪

[@TessaMero]

nice work Dennis and FCC!

[@DennisIvy]

😁

[@Mr.Buttons]

Thanks a lot for this 🎉🎉

[@abdulbasith1536]

thank you sir! i have learned lots from this

[@chiranjitdey1430]

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.

[@AposKanal]

Great tutorial! Which VSCode color theme are you using?

[@AlvinMutongozwa-db1bu]

all hail king Dennis 👑👑

[@DennisIvy]

😉

[@kunalsharma-kg6sk]

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

[@codewithboomi]

Master King Dennis my Favourite !!!

[@DennisIvy]

😉

[@hwapyongedouard]

this looks interesting 🔥🔥🔥🔥🔥🔥

[@myloginistaken]

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

[@HocineFerradj]

great work. thanks

[@CoolestPossibleName]

Why does the title say Javascript instead of react?

[@SrInd-jy9ev]

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❤

[@nocopyrightgameplaystockvi231]

AI/ML roadmap is huge. It takes 2 years at bes t

[@SrInd-jy9ev]

​@@nocopyrightgameplaystockvi231 Hi, thank you. I'm struggling to learn coding. As a beginner, unable to understand coding (Java). It would be appreciated if I get any help/suggestions from anyone.💐

[@nocopyrightgameplaystockvi231]

@@SrInd-jy9ev who starts beginner with Java 🌚🌚🌚🌚🌚 a simpler language is C#.

[@inglabba]

I started with ASM and C (I am not joking). It wasn't easy 😅 @@nocopyrightgameplaystockvi231

[@mdareefuddin2196]

Interesting and thanks

[@أسامهعكيه]

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

[@davidsosa5940]

Im trying to deploy this on vercel but it stays on the spinner animation and doesnt load anything else. Any help?

[@ShubhamBhagwat-g7q]

Plz upload the block chain course from code eater websites 🙏

[@gunadAgp]

Good jobs

[@rishiraj2548]

Great thanks

[@mohitsinghparmar8585]

What is roadmap to be a Devops from System Administrator profile

[@abhaykanwasi881]

Is everything here is free or not ?

[@VivekSharma-eh2tv]

there is some problem with the vite api ... please someone help me with this \

[@opencode1]

A M A Z I N G

[@maxpayne9074]

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

[@chiranjitdey1430]

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?

[@riyathakur2942]

CAN SOMEONE TELL ME IT IS BEGINNER FRIENDLY TUTORIAL??

[@yuzuru08]

9th video, asking for some projects using IDX

[@arupde6320]

github ??

[@alisajadahmadi978]

Nice!

[@khaledhmammi]

Nice 🤍

[@oussama40612]

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

[@PierStoddard]

It really helps me (viewing from small screen). I have 20/15 but not always viewing content from large screen😢

[@SrInd-jy9ev]

👍👍👏💐

[@TheAdnanZaib]

This is definetly not a friendly course as the instructor is just copy pasting code from the documentation (even that with issues). It's better to just follow the documentation on your own.

[@uc21_cursor]

1st comment

[@asn9747]