just wow wow wow, most of the teacher only show the basic socket and msg sending, but you are amazing, from audio to img sending, msg seen , sent , perfect replica ui, fast, sent time is also shown, you are next level and your channel will grow
Successfully created this clone with end to end encryption and added multi lingual support with multiple language thanks kishan for this amazing course.
thank you so much Kishan for putting incredible amount of work on this lecture and makeing it public free! it helped me a lot to learn about socket io, and backend stuff!
Fantastic work ! At 1:03:09 the issue is due to the fact that userInfo is not available at re-render. If you try to go back to /login route and login once, the error will go away
see wht its telling me 1 of 1 unhandled error Server Error TypeError: undefined is not iterable (cannot read property Symbol(Symbol.iterator)) This error happened while generating the page. Any console logs will be displayed in the terminal window. Source src\pages\login.jsx (15:25) @ useStateProvider 13 | const router = useRouter(); 14 | > 15 | const [{}, dispatch] = useStateProvider(); | ^ 16 | 17 | const handleLogin = async () => { 18 | const provider = new GoogleAuthProvider();
proud To see an indian uploading these type of projects .Firstly when i saw thumbnail i thought it's Js Mastery's Video . but after that i read name and i was like damn 😍 man he's indian . and i just saved this in watch later so after learning react and all other technologies i'll watch this video and try to make this app
Kishan, this is an authentic one from start to finish. You are the coolest, brosev. So, easy to follow.. I would like to ask, for some reason, I am not getting my messages real time
The efforts that you put in this video is just WOW, you got me as new subscriber, thank you for this, is awsome, to bad its not with Typescript, i have some struggles with that, but this is just awsome
Beother well done a very professional set I have 2 question: Q 1) If we are going to use firebase for authentication why not also use onchangeauth instead of creating a custom hook to check the user state i like prisma and it is the first time working with it, i run in few issues to save the user on the database since I'm not using the next js, I'm using a expo but i was able to fix and save the user Q:2) do i need to regenerate the prisma each time i change the user model Or just do prisma db puch By the why since i have integrated prisma on existing projects with firestore i'm thinking to use the sql database as second data backup Question
Sir please make a video how to run an ready made project of your i have purchase a code but it is not working from my side please make a video and show to run that code easilynand what changes i have to made i have an project submission this week
Hi, thanks for this amazing project. I have a question: Instead of using PostgreSQL and Prisma, is it possible to use Firestore from Firebase as an alternative for the database in this project?
Its awesome, Thank you for creating this kinda great videos.... Also I want that Voice Message player in React Native, can you create video in that or any library that I can use it directly for that
please tell me you are earning very good amount of money because the effort here is insane.. after learning all this if you are not earning in lakhs or crore then this will definitely demotivate me.. Thanks Please reply with honesty
To be honest. I'm not earning that much. I'm still struggling with sponsorships. And with youtube adsense you won't earn enough. I have been doing youtube for more than 2 years and still not sure if this would succeed, not to demote you but we have to keep trying, one day it would work out 😁
i have a college project and i have seen about half of your video it great thanks for the video i want to ask you how can i add group video / voice calling feature .
Can you clone this project using react and typescript? I'm learning react and I really want to learn this project of yours, anyway thank you, you're really good
the project is outstanding, but there is one doubt is there is any personal space for the user just like whatsapp as there is the google authentication only so ig all the users will be logged in to the single window which is not good, as anyone can enter the chat unlike whatsapp where everyone has its own personal space.
I will include a separate video for that in the source code in a few days. If you want you could buy out the source code it would help me out a lot and I can create more amazing content.
I will include a separate video for that in the source code in a few days. If you want you could buy out the source code it would help me out a lot and I can create more amazing content.
Awesome thank you. Build looks very clean & functional! Had to make the purchase. Q - Is implementing group chat difficult ? I notice a lot of chat tutorials don't implement it.
It's not difficult but it consumes a lot of time. Nevertheless I will be creating a chat app with group functionalities. I will create a chat app every year with more functionalities. Last year it was just a basic chat app. This year it has many features like file sharing, audio video call, voice messages, online offline status, message read status, and many minute features. Next year I'll create a chat app with group functionalities. If I get a sponsor earlier I'll create it before the end of the year. Cheers 🥂
I believe that learning this flow is more important as in the bigger projects they don't rely on nextjs backend. A separate backend is a must. Consider a scenario where you want to use a message broker. In that case you would need the backend. What if you need microservices in your app. So the knowledge of the backend is a must. This is my personal opinion.
HELLOOO ,😍😍😍😍LIKED YOU CONTENT VERY MUCH. CAN YOU MAKE NEXT PROJECT ON COLLEGE TIMETABLE SYNC APP WHERE ACTIVITIES/EVENTS/EXAMS/CLASS TIME TABLE SCHEDULE EVERYTHING CAN BE UPLOADEDD. ITS AN UNIQUE PROJECT
There is a little error that I encountered. In VoiceMessage.jsx the useEffect used to assign the waveSurfer to the waveform.current returns a callback to destroy the waveform.current but, it will do so only for the initial render, now for the successive render the useEffect will run again However, this time only the waveForm.current is not null, it was destroyed before though and hence the current will not have the waveSurfer and the code will break while accessing the waveform.current.load method inside another useEffect. I solved this by destroying the waveform in the handlePlayAudio func i.e. when the user will play the audio message which will give it time to render all the voiceMessage components. I don't know if it's a good practice or not but it works for me
Het Kishan why are only attend the Payment comments & why you are not cheecking the error comments . Monstly some errors are db connections , i have also same issue . pls replay 🤨
@@prashlovessamosa ok bassicaly reverse engineering, is like hacking into the app to see all the code, even the code is is supposed to be hidden to the public, by that, you can see what the app does in it's entirety, TLDR you hack the app to see all the code, and what he "did" was that to make this video
After disconnecting the call zego cloud instance still running in the background. getting to many console logs Can you check and tell me how to resolve that issue.
I'm a flutter developer though. As it would be easy for any other developers if you split the videos into sequential backend + front end or separate video for backend so that users can integrate with their stack. I appreciate your talent and efforts for bringing up quality content🔥
I am a MERN Stack developer I cannot know about prisma or any other thing I know only MERN or fire base so can I start it or not kindly suggest me or for video or audio call which technology you use is webrtc or other kindy
the most obvious thing is to deploy the application if not then bring 2 devices on the same wifi network and access the route on the 2nd device using its IP
You would learn how to create the app, learn how to create an architecture of the app, learn how to use reusable components. There's nothing wrong in watching and learn, I myself have done this for years and mastered the technologies.
You can use the concept of public keys and private keys for encryption. Actually i did some research for implementing this feature but, it would take a lot of time and It would not be possible to embed all the features in the 12 hour video as this is the limit for youtube videos. I am thinking of releasing a full fledged chat app more features than this, and a more perfect clone than this, but that would be a course instead of a youtube video.
Wow i can't imagine how a single man was seriously able to create a WhatsApp clone that is even better than the original. well done bro
bro is this clone responsive too ?, I haven't started yet just wanted to know this before starting
Nope but you can do that urself it's easy
@@lokeshnegi5051responsive means???
@@GrimReaperAMV how bro
Hands raised for this legend ✋!!!!! Literally he created better than real whatsapp😮A single man
just wow wow wow, most of the teacher only show the basic socket and msg sending, but you are amazing, from audio to img sending, msg seen , sent , perfect replica ui, fast, sent time is also shown, you are next level and your channel will grow
Successfully created this clone with end to end encryption and added multi lingual support with multiple language thanks kishan for this amazing course.
Hi, that’s awesome. Mail me let’s connect. You can contact me on discord as well. I might have some opportunities for you.
Now can you give your github link 🤣
Can you provide us your github as I am getting axios error
can you provide me the source code?? I can pay if it is needed
Honestly, this is the first unique video with simplicity that i will follow and had no issues whatsoever. You deserve a coffee
Didn't you get any errors?
@@ababakr_asabro i am getting plethora of errors😢 a lot of care is required while typing the code. Seems like coding this 10hr would take 100hr
Hey did you completed this ??
I can tell you put a lot of work into this. Well Done👏
Thanks!
is it responsive?
@user-mx9om1ur4w No it’s not.
thank you so much Kishan for putting incredible amount of work on this lecture and makeing it public free! it helped me a lot to learn about socket io, and backend stuff!
Glad it was helpful!
Hey did u completed the course? is it working properly??
@@MuhammadIrfan-cj1cq yep i downloaded his source code and continued to refactor and to add new feature.
Hey did you completed this ??
the exit problem made this video more realistic like one was actually trying to make out something in front
hey, have u done with your project??
can u share your source code repo?
Your content is more than a course in udemy bro. Very nice
Glad to hear that
Hey did you completed this ??
Fantastic work ! At 1:03:09 the issue is due to the fact that userInfo is not available at re-render. If you try to go back to /login route and login once, the error will go away
see wht its telling me
1 of 1 unhandled error
Server Error
TypeError: undefined is not iterable (cannot read property Symbol(Symbol.iterator))
This error happened while generating the page. Any console logs will be displayed in the terminal window.
Source
src\pages\login.jsx (15:25) @ useStateProvider
13 | const router = useRouter();
14 |
> 15 | const [{}, dispatch] = useStateProvider();
| ^
16 |
17 | const handleLogin = async () => {
18 | const provider = new GoogleAuthProvider();
1 of 1 unhandled error
Server Error
TypeError: undefined is not iterable (cannot read property Symbol(Symbol.iterator))
This error happened while generating the page. Any console logs will be displayed in the terminal window.
Source
src\pages\login.jsx (15:25) @ useStateProvider
13 | const router = useRouter();
14 |
> 15 | const [{}, dispatch] = useStateProvider();
| ^
16 |
17 | const handleLogin = async () => {
18 | const provider = new GoogleAuthProvider();
@@ejehwayne8586 even im getting this error, what's the solution
proud To see an indian uploading these type of projects .Firstly when i saw thumbnail i thought it's Js Mastery's Video . but after that i read name and i was like damn 😍 man he's indian . and i just saved this in watch later so after learning react and all other technologies i'll watch this video and try to make this app
Do you have the CaptureAudio component code?
Hey did you completed this ??
Kishan, this is an authentic one from start to finish. You are the coolest, brosev. So, easy to follow.. I would like to ask, for some reason, I am not getting my messages real time
The efforts that you put in this video is just WOW, you got me as new subscriber, thank you for this, is awsome, to bad its not with Typescript, i have some struggles with that, but this is just awsome
si esto tuviera subtitulos llegaria a mucha mas gente, muy
buen trabajo
I see subtitles there 😊😊 try checking now
This build was awesome!! Can you also show us how to host this. Please......
Have you also shown how to deploy it?
whatttt...this is the most advanced WhatsApp close ive ever seen dude ! ... Gonna build this
Thankyou.
Do you have the CaptureAudio component code?
Beother well done a very professional set
I have 2 question:
Q 1)
If we are going to use firebase for authentication why not also use onchangeauth instead of creating a custom hook to check the user state
i like prisma and it is the first time working with it, i run in few issues to save the user on the database since I'm not using the next js, I'm using a expo but i was able to fix and save the user
Q:2) do i need to regenerate the prisma each time i change the user model
Or just do prisma db puch
By the why since i have integrated prisma on existing projects with firestore i'm thinking to use the sql database as second data backup
Question
It was amazing, now im learning React and this is a great project to learn! I love this
Hey did you completed this ??
Made the complete clone 🙂🙂thank you so much❤❤❤❤
how database is connected
Amazing work !! It's was my college project and I got the exact project
Sir please make a video how to run an ready made project of your i have purchase a code but it is not working from my side please make a video and show to run that code easilynand what changes i have to made i have an project submission this week
This guy is not afraid of DRY
Thank you for the great video 😀. I have a question. Why you didn't use TypeScript?
Hi, thanks for this amazing project.
I have a question: Instead of using PostgreSQL and Prisma, is it possible to use Firestore from Firebase as an alternative for the database in this project?
Yes totally. But you'll need to change the queries for that.
Its awesome, Thank you for creating this kinda great videos....
Also I want that Voice Message player in React Native, can you create video in that or any library that I can use it directly for that
Sir plz Hindi ma videos banow you are the king of web development boss well done
omg bhai you just amazing no video like that in whole youtube
kamal bhai
Thankyou Man.
it's great that you shared this project, but does your project have a user group creation feature?
No it doesn't have a group feature. Refer to my latest chat app it has group features.
Subscribed Once i finish learning, I'll look for projects here thank you dude
please tell me you are earning very good amount of money because the effort here is insane.. after learning all this if you are not earning in lakhs or crore then this will definitely demotivate me.. Thanks Please reply with honesty
To be honest. I'm not earning that much. I'm still struggling with sponsorships. And with youtube adsense you won't earn enough. I have been doing youtube for more than 2 years and still not sure if this would succeed, not to demote you but we have to keep trying, one day it would work out 😁
i have a college project and i have seen about half of your video it great thanks for the video i want to ask you how can i add group video / voice calling feature .
You need to make several changes in the DB and you can make it.
Do you have the CaptureAudio component code?
Thats osmmmmmmmmm!!!
Appreciate the efforts you putted on making this amazing course
Glad you like it!
Well done bud. Nicely detailed and very informative.
Hey did you completed this ??
sir kindly make a video to deploy this project on vercel...............🙏🙏🙏🙏🙏🙏🙏🙏🙏🙏
bro did you deployed this project, if yes can you help me to deploy mine
Can you clone this project using react and typescript? I'm learning react and I really want to learn this project of yours, anyway thank you, you're really good
Amazing project❤ aaj lagadi apne thank u too much❤❤
Thankyou man 😁
Very impressive bro... Can make a similar project for zoom application with next13,?
Why creating a separate server and not use the server side part of Nextjs ?
Hey bro your tutorials are very nice need some react native expo app tutorial😊😊😊
Sir kindly make a video to deploy this project
I am going to do it soon.
@@KishanSheth21 🤩
yes please, I get traumatized bc I spent too much time and can't deploy
Have you tried deploying this on vercel?
for emojis, is it using a library? or use your own component?
brooo u really need support , looooooooooove that kind of useful projects please keep uploading stuff like this
Thanks, will do!
the project is outstanding, but there is one doubt is there is any personal space for the user just like whatsapp as there is the google authentication only so ig all the users will be logged in to the single window which is not good, as anyone can enter the chat unlike whatsapp where everyone has its own personal space.
Very good your class of tecnology
Thanks for awesome project kishen. Will you tell how to deploy such kind of project kishen ??
I will include a separate video for that in the source code in a few days. If you want you could buy out the source code it would help me out a lot and I can create more amazing content.
I will include a separate video for that in the source code in a few days. If you want you could buy out the source code it would help me out a lot and I can create more amazing content.
Coming from Spotify 😁
Seems a great tutorial! Would it be hard for anyone who hasn't learned Node.js (but have practices in Java, React.js)?
Won't be too hard. Give it a try.
Wow bro!!!!!!!!! lot of effort man, I'm subscribing now
Thanks for the sub!
Bro can you add message deletion, edit message and show when a user is typing by the way awesome tutorial
have u completed the project?is it working as shown in the vid
Awesome thank you. Build looks very clean & functional! Had to make the purchase. Q - Is implementing group chat difficult ? I notice a lot of chat tutorials don't implement it.
It's not difficult but it consumes a lot of time. Nevertheless I will be creating a chat app with group functionalities. I will create a chat app every year with more functionalities. Last year it was just a basic chat app. This year it has many features like file sharing, audio video call, voice messages, online offline status, message read status, and many minute features. Next year I'll create a chat app with group functionalities. If I get a sponsor earlier I'll create it before the end of the year. Cheers 🥂
@@KishanSheth21Thanks
@@KishanSheth21 WE WAIT THAT
Earned a sub ❤ keep up the good work brother
the project is awesome.
why we need server even next js full stack framework...
I believe that learning this flow is more important as in the bigger projects they don't rely on nextjs backend. A separate backend is a must. Consider a scenario where you want to use a message broker.
In that case you would need the backend. What if you need microservices in your app. So the knowledge of the backend is a must. This is my personal opinion.
Amazing project, will start this soon.
How long did it take to make this ?
5 months 🫣
@@KishanSheth21 that's a very long time lol. I will try to do this in 30 days
Bhai Postgresql account banate time bhi bata diya karo begginers ko issue aate he bht 🤦🙌
kaise link generate hua postgresql wala ?
Please make a short explanatory video on prisma
could you please show us how to implement it in a react native app ? I am looking for such a tutorial for so long!
Yes, soon
Hi kishan, is this the extension of your Real time Chat application or you are yet to post it??
No this is a separate video. I am not gonna continue the Real time chat app now.
Bro, nextjs can handle both of the things, why you used seprate server node for backend?
HELLOOO ,😍😍😍😍LIKED YOU CONTENT VERY MUCH. CAN YOU MAKE NEXT PROJECT ON COLLEGE TIMETABLE SYNC APP WHERE ACTIVITIES/EVENTS/EXAMS/CLASS TIME TABLE SCHEDULE EVERYTHING CAN BE UPLOADEDD. ITS AN UNIQUE PROJECT
Thanks for this awesome Tutorial. Thhis project is really great .But the projects should be responsive... 🙂
Yes, you are right I should have made this responsive. The Airbnb clone which is coming next would be responsive for sure.
There is a little error that I encountered. In VoiceMessage.jsx the useEffect used to assign the waveSurfer to the waveform.current returns a callback to destroy the waveform.current but, it will do so only for the initial render, now for the successive render the useEffect will run again However, this time only the waveForm.current is not null, it was destroyed before though and hence the current will not have the waveSurfer and the code will break while accessing the waveform.current.load method inside another useEffect.
I solved this by destroying the waveform in the handlePlayAudio func i.e. when the user will play the audio message which will give it time to render all the voiceMessage components. I don't know if it's a good practice or not but it works for me
is it beginner friendly
Het Kishan why are only attend the Payment comments & why you are not cheecking the error comments . Monstly some errors are db connections
, i have also same issue . pls replay 🤨
Discord is already there for errors, please join discord server and someone might be able to help you there. There are mods there.
Superb project, Loved it dude.
Thanks a ton!
amazing bhai ... u got a new subscriber
Cheers 🥂
Hello sir
Please 🥺 tell me how to add push notification on WhatsApp clone please......🥺🥺🥺
is it mobile responsive?
everything is open source, if you do a little amount of reverse engineering
Ofcourse 💯
I didn't understand please explain to me please.
@@prashlovessamosa ok bassicaly reverse engineering, is like hacking into the app to see all the code, even the code is is supposed to be hidden to the public, by that, you can see what the app does in it's entirety, TLDR you hack the app to see all the code, and what he "did" was that to make this video
Apoco si tilin?
If there is requirements of reverse engineering then it can't be said as open source
After disconnecting the call zego cloud instance still running in the background. getting to many console logs
Can you check and tell me how to resolve that issue.
Can we expect similar with flutter as well or a seperate videos of building backend .
Hey I have no knowledge of flutter, but I know React Native. Does that Works?
I'm a flutter developer though. As it would be easy for any other developers if you split the videos into sequential backend + front end or separate video for backend so that users can integrate with their stack. I appreciate your talent and efforts for bringing up quality content🔥
@@KishanSheth21 Yes, React Native using CLI not expo please!
Bhaiya, I don't know about next.js but i know react.js. Can I able to understand and code this project
You can go for it. Nextjs is not that complex.
Hello. I want to buy this but I can only pay with PayPal for online purchases. I don’t have a credit card. Please let me know.
Hi, please reach out to me on my email: kishansheth21@gmail.com
Does it have a group functionality and block unblock aswell?
well done bro next month im gonna treat you to coffee
Bro Please while editing the video Make sure you increase the audio volume. i used fx sound to boost audio still very less volume.
icon and theme you used in vs code looks awesome, how can i get 'em
Material icons and community Material theme in vscode extensions.
I am a MERN Stack developer I cannot know about prisma or any other thing I know only MERN or fire base so can I start it or not kindly suggest me or for video or audio call which technology you use is webrtc or other kindy
You can start but you will be facing little problem in prisma with mongodb
@@Harsh_code_382 ok most thank
You're very talented ❤❤
Thank you so much 😀
After completing the project, how can I communicate from 2 different devices, sir?
the most obvious thing is to deploy the application if not then bring 2 devices on the same wifi network and access the route on the 2nd device using its IP
Awesomeness at its extreme level
Thankyou.
Will Next project be the video streaming webApp?
No 😞
Hi kishan ,is it advisable that we make this build with you and wrote whatwver you do?
Of course it is. If you don't want to watch the entire video you can just grab the source code from the link.
I mean is it worth doing that with you.we aren't gonna use our own concept. What the point of whole... I'm confused I like your content but then this
You would learn how to create the app, learn how to create an architecture of the app, learn how to use reusable components. There's nothing wrong in watching and learn, I myself have done this for years and mastered the technologies.
this is for beginner who want to be part of practice
Hello everything is fine? would you like to make video calls and audio by webrtc?
Hola, buen día, funcionaría para la api oficial?, y aún, aún funciona el proyecto ?? es para comprar el código en la web?
Thank you so much. But that doesn't allow you to make statuses or stories
Hi I have one question How to provide end to end encryption in our App
You can use the concept of public keys and private keys for encryption. Actually i did some research for implementing this feature but, it would take a lot of time and It would not be possible to embed all the features in the 12 hour video as this is the limit for youtube videos. I am thinking of releasing a full fledged chat app more features than this, and a more perfect clone than this, but that would be a course instead of a youtube video.
Amazing project bro, i just sub your channel.. can you make kanban project with drag and drop with local storage or even better? Thanks in advanced!
Sure, I have thought for a project like Jira Clone. This will be coming before the end of the year.
Do you have group chat in this ?
amazing project brother, god bless you!!
Thank you! Cheers!
can i use the free service from zego cloud for one month only?
Bro please help me whenever i make a call it get disconnected do i need two different microphone and camer for it to work or it should have worked?
bro, I want to deploy it. could you please show about it's deployment? can I deploy it in free vercel?
have u completed the project?is it working as shown in the vid
😮Can anyone plz say what are the prerequisites required before doing this project.
After this clone telegram web abd be responsive 😍
good luck bro
please make more video
Thankyou.
Is there an admin panel in the project?
I get this problem when connecting to the database:
db error: ERROR: zero-length delimited identifier at or near """"