hey man ur probably never gonna see this comment but you are a very big inspiration for me man. whenever im struggling with coding you always got the answer, and you break it down so simply. just wanna say i appreciate your vixeos both for the knowledge the bestow upon society but also for the undeniable drive they incite to do better and build more projects.
You can unlock enterprise-grade features, functions, and UI components completely free for your startup or side project with the Maker Account from Stream. getstream.io/maker-account/?Developer&WebDevSimplified_January2023_Maker_klmh22
This is awesome! Could you do a follow up and show how to send events with Stream?? Like if I clicked a button, for other users on the channel to receive/listen to that event and recreate it on their side
This is more like building a client/GUI app for a chat application, which is proprietary service, collects your metadata, probably text messages too unless you yourself implement e2e encryption.
Been following Kyle for a while and his channel just keeps getting better and better. So Kyle, how's you shredding skills, we are still waiting for some shredding here 😀. Master Of Puppets please 🤘💥🎸💥🤘
I see you use static env, if you know and would be interested would be nice to drop this guide on dynamic runtime config env because on vite it seems to be a bit of pain that has to be handled individualy for each stage of the project :/
Good stuff, love your work my guy. I was kind of hoping that the API wouldn't cost a min of $499 a month though. As a beginner react dev it makes it hard to be able to feature anything we make based off your lesson for a portfolio or job application ( I was in the industry pre OO & ES6, round the time jQuery was hefty in use, and am keen to get back into it now after going down a different path for a while ). Any chance you'd be able to make a tutorial for a super simple version of a chat system in future using bare basics like node, react & graph QL kind of thing? again love your work man. Cheers!
Hello , I finished high school in 2015, but due to financial difficulties, I was unable to continue my education. At the moment, I'm studying FULL Stack Web Development at a institute. I have a 7+ year study gap. Can I still find a job after that?
Many thanks for the always all great content Just 1 question, around 55:00, in the useEffect to set the streamChat, instead of the isInterrupted logic, couldn t we check for the streamChat to be defined, and is yes, just to return ?..
Hey there! Love this tutorial and was working on a project of mine, trying to implement the code I have onto a hostinger website and everytime I run "npm run build" in my server folder, I get errors. I added the "build": "tsc && vite build" to my package.json script and I am still not getting the components built. Any advice would be amazing! Thanks for what you do and keep it up!
Does anyone know if this guide is still 100% working? im getting this error when trying to sign up: "Both secret and user tokens are not set. Either client.connectUser wasn't called or client.disconnect was called"
"Incredibly robust??" Really?!?? Wish the algorithm didn't keep putting your videos on top, it seems like you're more song and dance than knowledge and sharing. There are several other videos about building chat functionality using Stream, and all are far more detailed and actually teach what's going on very well.
React js is a blasphemy for JavaScript community. React nonsense must be banned across world plane. This f library makes web development unnecessarily complicated. Angular is far better than svelte and react nonsense., because it leverages rxjs subscription, angular service make communication between sibling components much easier, developers know what exactly is happening. Svelte and react have confusing code. Developer experience matters.
error when starting dev server: TypeError: fs$l.rmSync is not a function at loadCachedDepOptimizationMetadata (file:///Users/prajvaggu/Documents/job-projects/chat-app/client/chat-app/node_modules/vite/dist/node/chunks/dep-5e7f419b.js:42640:10) at createDepsOptimizer (file:///Users/prajvaggu/Documents/job-projects/chat-app/client/chat-app/node_modules/vite/dist/node/chunks/dep-5e7f419b.js:42020:28) at initDepsOptimizer (file:///Users/prajvaggu/Documents/job-projects/chat-app/client/chat-app/node_modules/vite/dist/node/chunks/dep-5e7f419b.js:41989:15) at file:///Users/prajvaggu/Documents/job-projects/chat-app/client/chat-app/node_modules/vite/dist/node/chunks/dep-5e7f419b.js:61152:23 at async Server.httpServer.listen (file:///Users/prajvaggu/Documents/job-projects/chat-app/client/chat-app/node_modules/vite/dist/node/chunks/dep-5e7f419b.js:61164:17) npm ERR! code ELIFECYCLE npm ERR! errno 1 npm ERR! chat-app@0.0.0 dev: `vite` npm ERR! Exit status 1 npm ERR! npm ERR! Failed at the chat-app@0.0.0 dev script. npm ERR! This is probably not a problem with npm. There is likely additional logging output above. npm ERR! A complete log of this run can be found in: npm ERR! /Users/prajvaggu/.npm/_logs/2023-01-27T01_06_25_982Z-debug.log What is this error?
It's not a true Facebook clone without the spyware.
And ads.
LMAOOOOOO
Bro image create facebook in less 1.30 hour
hey man ur probably never gonna see this comment but you are a very big inspiration for me man. whenever im struggling with coding you always got the answer, and you break it down so simply. just wanna say i appreciate your vixeos both for the knowledge the bestow upon society but also for the undeniable drive they incite to do better and build more projects.
You can unlock enterprise-grade features, functions, and UI components completely free for your startup or side project with the Maker Account from Stream.
getstream.io/maker-account/?Developer&WebDevSimplified_January2023_Maker_klmh22
Ce système de chat peut il être implémenté avec PHP et STREAM ?
Thank you so much! Just built it out right now, finished and ready to go!
That is perfect but a little fast advanced for a newbie
Yes I don't understand majority of the concepts😢😢
This class is definitely going to be amazing!
This is awesome! Could you do a follow up and show how to send events with Stream?? Like if I clicked a button, for other users on the channel to receive/listen to that event and recreate it on their side
This is more like building a client/GUI app for a chat application, which is proprietary service, collects your metadata, probably text messages too unless you yourself implement e2e encryption.
Been following Kyle for a while and his channel just keeps getting better and better. So Kyle, how's you shredding skills, we are still waiting for some shredding here 😀.
Master Of Puppets please 🤘💥🎸💥🤘
So... basically we could have our homebrewed messenger app. Nice!
I just saw the notification on my mac book.. You don't disappoint
I see you use static env, if you know and would be interested would be nice to drop this guide on dynamic runtime config env because on vite it seems to be a bit of pain that has to be handled individualy for each stage of the project :/
It would be awesome if u show how to deploy this.
finally kyle loves typescript
Does he hate ts?
No! Typescript loves him🙂
Okay you're a way better developer than me but I bet I could smoke you in a guitar duel!! lol great content you've helped me a lot over the years.
Great tutorial. Thanks Kyle!
YES! Come 👏 through 👏 Kyle 👏
MY MAN 😄
Good stuff, love your work my guy. I was kind of hoping that the API wouldn't cost a min of $499 a month though. As a beginner react dev it makes it hard to be able to feature anything we make based off your lesson for a portfolio or job application ( I was in the industry pre OO & ES6, round the time jQuery was hefty in use, and am keen to get back into it now after going down a different path for a while ). Any chance you'd be able to make a tutorial for a super simple version of a chat system in future using bare basics like node, react & graph QL kind of thing? again love your work man. Cheers!
He has some videos of chat apps with web sockets. Also, stream is free with a maker account.
Thanks for the tutorial!
Incredible video, thanks for share it!
thanks brooo for the content
Very cool tool and great video but unfortunately it’s very expensive…
It doesnt make sense to build a chat app with Stream API, way too expensive, nobody does this in real world application 😅
Shalom again Jedi K, this is another one, I want to work on with you.
Great tutorial! Can you maybe make a video about identity with react with an registration and login. With an password and email?
Cant wait to try it 😀
It's really nice but stream is way too expensive
Hello ,
I finished high school in 2015, but due to financial difficulties, I was unable to continue my education. At the moment, I'm studying FULL Stack Web Development at a institute. I have a 7+ year study gap. Can I still find a job after that?
Only if you believe, there is nothing that you can't achieve.
Plenty of valid reasons to have a career gap, pick one 😉
Stop worrying about the job and actually build something useful.
Shalom evening Jedi K, fantastic app. Would you recommend us deploying it and do you think Netlify would allow this?
well done!
Hi, this is a great tutorial! Thanks
Can you change this code to use a password for login and registration?
Really great video. But why tailwind?......
Many thanks for the always all great content
Just 1 question, around 55:00, in the useEffect to set the streamChat, instead of the isInterrupted logic, couldn t we check for the streamChat to be defined, and is yes, just to return ?..
What's that extention for altering the integrated terminal path to a yellow color?
Man you need to make a svelte video
Hi sir, can you make a video about building a dashboard ui using html and css and javascript only ??
Can you build css files client and admin side both separately?
FYI Stream STARTS at $500/mo...
video great as always, but 500$ a month is way too much for a startup project
They have a maker program which is free up to you earning 100k per year or with a team of more than 5
Do the API key expire after 1 month of free trial ??
Nice
How to change the template from right to left ??
Can you make one for nuxt 3?
Hey there! Love this tutorial and was working on a project of mine, trying to implement the code I have onto a hostinger website and everytime I run "npm run build" in my server folder, I get errors. I added the "build": "tsc && vite build" to my package.json script and I am still not getting the components built. Any advice would be amazing! Thanks for what you do and keep it up!
Can we get same app in Javascript instead of Typescript?
bro can you do the same using node
It makes building chat applications easy for the low low fee of $499 per calendar month 😶😶
It's free bro unless you're making over 100k a year from your app
I'm trying to add the voice note feature, can anyone guide me how to start ?
It is easy to say but difficult to do. Okay 👌
8:56 anyone else seeing this Cannot use JSX unless the '--jsx' flag is provided error?
Can you do one with Angular?
what a big meal
Around 19 minutes. I thought I dont use arrow functions for const . As per your previous video.
stream is expensive for me :(
Am I seeing correctly? 500$ per month? I did a little of research. Isn't weavy something we could use instead?
It looks like Weavy is a much superior option. You think it'd be pretty easy to follow the tutorial and swap out the APIs?
Does anyone know if this guide is still 100% working? im getting this error when trying to sign up: "Both secret and user tokens are not set. Either client.connectUser wasn't called or client.disconnect was called"
nevermind i found my mistake.
what was it?@@azaghalo9307
what was mistakes facing the same 😢
are you at x2 irl?
Don’t worry people, it’s only $499 a month for stream
Anyone having any issues with their paths
nce
🤩
yoo
👍🙏
$499/mo... wow. Thanks but no ☺
You are a fucking machine
"Incredibly robust??" Really?!?? Wish the algorithm didn't keep putting your videos on top, it seems like you're more song and dance than knowledge and sharing. There are several other videos about building chat functionality using Stream, and all are far more detailed and actually teach what's going on very well.
React js is a blasphemy for JavaScript community. React nonsense must be banned across world plane. This f library makes web development unnecessarily complicated.
Angular is far better than svelte and react nonsense., because it leverages rxjs subscription, angular service make communication between sibling components much easier, developers know what exactly is happening.
Svelte and react have confusing code. Developer experience matters.
Username checks out
But does Angular find its own level?
React > Angular
What do you think about chat gpt?
error when starting dev server:
TypeError: fs$l.rmSync is not a function
at loadCachedDepOptimizationMetadata (file:///Users/prajvaggu/Documents/job-projects/chat-app/client/chat-app/node_modules/vite/dist/node/chunks/dep-5e7f419b.js:42640:10)
at createDepsOptimizer (file:///Users/prajvaggu/Documents/job-projects/chat-app/client/chat-app/node_modules/vite/dist/node/chunks/dep-5e7f419b.js:42020:28)
at initDepsOptimizer (file:///Users/prajvaggu/Documents/job-projects/chat-app/client/chat-app/node_modules/vite/dist/node/chunks/dep-5e7f419b.js:41989:15)
at file:///Users/prajvaggu/Documents/job-projects/chat-app/client/chat-app/node_modules/vite/dist/node/chunks/dep-5e7f419b.js:61152:23
at async Server.httpServer.listen (file:///Users/prajvaggu/Documents/job-projects/chat-app/client/chat-app/node_modules/vite/dist/node/chunks/dep-5e7f419b.js:61164:17)
npm ERR! code ELIFECYCLE
npm ERR! errno 1
npm ERR! chat-app@0.0.0 dev: `vite`
npm ERR! Exit status 1
npm ERR!
npm ERR! Failed at the chat-app@0.0.0 dev script.
npm ERR! This is probably not a problem with npm. There is likely additional logging output above.
npm ERR! A complete log of this run can be found in:
npm ERR! /Users/prajvaggu/.npm/_logs/2023-01-27T01_06_25_982Z-debug.log
What is this error?