วีดีโอ

FaChevronDown is deprecated.

This video is so useful for beginner thanks

37:42

Thank you so much, so much easy to do it now

What an amazing tutorial, simple and effective. Thank you very much, it works perfectly and I could implement an important feature with it. Thank you veryyyyyyyyyy much men

Thanks for your contents! To be honest, the "touch-action:none" in the CSS is crucial for mobile!

How to drag and drop across columns with same functionality ?

With the Group Chat component, I'm getting a lot of typescript errors, and the app won't run. It does not like that friends can be null or never.

I wish I could screenshot your own screen... You literally have only seven characters showing on a line, at one point. It is very difficult to follow when you're nesting so many things, typing so quickly, jumping around the files... I'm playing this on .75 speed, and still having to stop and go back. This is why most tutorials include a repo. Something is messed up in my code, and I'm going to have to play the video frame by frame to catch it. It's ridiculous, you finish typing many lines of code that have been covered by your intellisense popups, and then immediately scroll up so quickly no one ever gets to even see the code.

Thank you soo much for the support

This video is great but I think it's not for beginners . I mean there is no clear explanation , it's just reading CSS lines 😔

❤

sir where did the dist folder come from ,i think its trimmed

Amazing tutorial!! Really easy to understand!

I know I've left a lot of comments - I really think you should re-edit this video. There are parts you are going so fast, don't show your imports or even mention them, parts where you code "magically appears" as you're probably copying and pasting, and there's a lot of bad code in here. You don't provide a repo to check the finished product, and I don't know how some of what you're showing on screen is even working (it's probably not, you're showing screens after you've fixed code outside the tut). I had to spend almost an entire day with reps from Clerk to help me get this working, using your code exactly as displayed. It was broken. Convex also posed some massive problems you don't address - the Clerk dev had to fix a ton of Convex errors I reported to them. Basically, when the first hour of a four hour tut ends up taking DAYS because of errors, it's probably not a good tut. I'm sticking with this, because there are so few tuts for fullstack chat apps with auth that are even useable, but you would have a much better video if you took a little more time with the editing, and made sure the code you're displaying to all viewers is good code. Thank you!

At 53:55, the video suddenly cuts and goes back to something that just played.... it's like 30 full seconds that plays twice in a row.. probably want to be a little more careful in your editing if you're playing entire segments repeatedly..

Why is it going back to your button after the logo?? I have everything setup EXACTLY the way you've done it, and after the logo displays, I get a blank screen. Probably because nothing's been authenticated. But then how would you be getting that screen if you haven't authenticated either??

This not beginners friendly tutorial You did not explain about the file structure you make. How did you make custom css file and what's inside that file

Not routing to auth screen. LOTS of weird Convex errors claiming the auth is invalid. Followed tut, looked back over docs and fixed a couple things I'm not sure how you got away with, then went to SO... there is nothing I can find about how to fix this. Convex claims the auth is invalid because my auth.config file is missing a providers property, but it's there, with all the necessary data. I went to Discord looking for help, but seems your Discord server is rather inactive. I can't find anything about this kind of error anywhere online, and it's throwing an error saying something doesn't exist that does. And it's clear that it's reading the file. Makes no sense.

So basically anyone with that conversation ID can join and view a private conversation.. You're displaying these IDs on the frontend... and someone can try to guess a different ID, to boot. Can you clarify if I'm missing something, because this sounds incredibly insecure?

Worked just the way it should, I found out you can add some cool transitions to the menu bar using this line of code on Css. (colour is of course of your choosing!) nav .menu:not(.active):hover { background-color: #40703a; padding: 4px; /* Adjust padding to increase the size */ transition: all 0.2s ease; /* Smooth transition effect */ border-radius: 4px; /* Optional: Adds rounded corners */ }

I'm having an error in sign in to google.

Hi, can I use my own pictures and to not use figma?

thanks from France !

Thanks for sharing it and excellent explanation

Many thanks

Everyone does this kind of content on manners. It would be more useful if you thought about doing this for a larger project using Context and adaptive modals.

15.58 . Navbar is not showing

Absolutely super gorgeous. What a stellar tutorial, thank you so much.

getting swrConfig Error.. What can I do to fix it?? Please can anyone tell

Your middleware protected route is buggy

Clicking on sidebar item reloads app i face this bug

In the first step why my main. Jxs not like urs ?

White Michael Rodriguez Elizabeth Harris Barbara

00:04 DND kit is recommended for easy and actively maintained drag and drop functionality in React. 02:00 Setting up DND context and defining collision detection 04:04 Implementing drag and drop functionality in DND context. 06:18 Implement drag and drop functionality using DND kit 08:41 Attaching reference and styling element for drag and drop 10:50 Implementing drag and drop for task rearrangement 12:51 Adding different sensors and using them for drag and drop functionalities 15:13 Adding drag and drop functionality using React's dnd-kit

Excellent explanation !!

49:28

44:25

41:56

i'm rn on 17:47 i want to just say we should store that response in variable so we don't need to make request everytime! am i right?

Purchased. TY

👍

i am not able to use the given api i dont know why this doesnt work for my i think api provided is not active now

I've worked on this dropdown before, it actually has a lot of cases that need to be done - The hardest thing is for users to open dropdown and scroll, That means you need to calculate the position of the dropdown to make it display according to the frame, for example, scrolling down near the bottom of the screen must display it facing up. - Second is the smoothness of scrolling when scrolling with the mouse, dropdown is quite annoying, but scrolling with the touch pad is no problem. - Calculating up and down rotation is not enough, it is necessary to calculate left and right display - In addition, we also have to calculate the height for dropdown content, on tablets - If open is false, you should completely hide it, avoid unnecessary rendering. Open, you set the object's 2 keys as show and enable, show to display dropdown with css, and enable to handle display with JS,

30:00

Excellent clarity and just what is needed ! Many thanks. 👍👍

My codes are not running parallelly in the chrome what extension is used in your chrome I'm using Microsoft bing as my web page so what extension can i use

If I add a new column for example user, now all the rows have a user field, now what I want is to that from modal form if I add a new page with new user or if I edit existing row and change user then that user should be set for all the rows, example currently all rows have user X but if I change or add a new row and put user in as A then all the rows should dynamically get user as A, how to do this?

Explained in a manner that it became easy to understand for beginners like myself. Thanks a lot!

Good teacher! God bless you