Chaoo Charles
Chaoo Charles
  • Видео 283
  • Просмотров 2 161 455
Real-time Video Call - 8 - Mute/Unmute in WebRTC | React, WebRTC and Socket.io
Source code: www.patreon.com/posts/video-call-app-108233246?Link&
Playlist: ruclips.net/p/PL63c_Ws9ecIS8ReV9MISpUGU71CK5cy0V&si=8vk4Bknbs_8Pta55
Socket.io docs: socket.io/how-to/use-with-nextjs
✨ Follow Me on Twitter: ChaooCharles
✨ Join My Discord Server
discord.gg/WGqJ2CZebb
SUPPORT MY CHANNEL
📍SUBSCRIBE: ruclips.net/channel/UCe8uN9zoKksCb1hfw61myRw
📍Become a Channel Member:ruclips.net/channel/UCe8uN9zoKksCb1hfw61myRwjoin
📍Join My Fun Channel: ruclips.net/channel/UCy4bfau19vYgrPBhCCI2Zbg
GET IN TOUCH:
📍 Twitter: ChaooCharles
Disclaimer: This video is not sponsored
Просмотров: 134

Видео

Real-time Video Call - 7 - getUserMedia in WebRTC | React, WebRTC and Socket.io
Просмотров 15821 час назад
Source code: www.patreon.com/posts/video-call-app-108233246?Link& Playlist: ruclips.net/p/PL63c_Ws9ecIS8ReV9MISpUGU71CK5cy0V&si=8vk4Bknbs_8Pta55 Socket.io docs: socket.io/how-to/use-with-nextjs ✨ Follow Me on Twitter: ChaooCharles ✨ Join My Discord Server discord.gg/WGqJ2CZebb SUPPORT MY CHANNEL 📍SUBSCRIBE: ruclips.net/channel/UCe8uN9zoKksCb1hfw61myRw 📍Become a Channel Member:ruclip...
Real-time Video Call - 6 - Call Notification UI | React, WebRTC and Socket.io
Просмотров 209День назад
Source code: www.patreon.com/posts/video-call-app-108233246?Link& Playlist: ruclips.net/p/PL63c_Ws9ecIS8ReV9MISpUGU71CK5cy0V&si=8vk4Bknbs_8Pta55 Socket.io docs: socket.io/how-to/use-with-nextjs ✨ Follow Me on Twitter: ChaooCharles ✨ Join My Discord Server discord.gg/WGqJ2CZebb SUPPORT MY CHANNEL 📍SUBSCRIBE: ruclips.net/channel/UCe8uN9zoKksCb1hfw61myRw 📍Become a Channel Member:ruclip...
Real-time Video Call - 5 - Making a Call in Socket.io | React, WebRTC and Socket.io
Просмотров 368День назад
Source code: www.patreon.com/posts/video-call-app-108233246?Link& Playlist: ruclips.net/p/PL63c_Ws9ecIS8ReV9MISpUGU71CK5cy0V&si=8vk4Bknbs_8Pta55 Socket.io docs: socket.io/how-to/use-with-nextjs ✨ Follow Me on Twitter: ChaooCharles ✨ Join My Discord Server discord.gg/WGqJ2CZebb SUPPORT MY CHANNEL 📍SUBSCRIBE: ruclips.net/channel/UCe8uN9zoKksCb1hfw61myRw 📍Become a Channel Member:ruclip...
Real-time Video Call - 4 - Display Online Users | React, WebRTC and Socket.io
Просмотров 24614 дней назад
Source code: www.patreon.com/posts/video-call-app-108233246?Link& Playlist: ruclips.net/p/PL63c_Ws9ecIS8ReV9MISpUGU71CK5cy0V&si=8vk4Bknbs_8Pta55 Socket.io docs: socket.io/how-to/use-with-nextjs ✨ Follow Me on Twitter: ChaooCharles ✨ Join My Discord Server discord.gg/WGqJ2CZebb SUPPORT MY CHANNEL 📍SUBSCRIBE: ruclips.net/channel/UCe8uN9zoKksCb1hfw61myRw 📍Become a Channel Member:ruclip...
Real-time Video Call - 3 - Online Users in Socket.io | React, WebRTC and Socket.io
Просмотров 38914 дней назад
Source code: www.patreon.com/posts/video-call-app-108233246?Link& Playlist: ruclips.net/p/PL63c_Ws9ecIS8ReV9MISpUGU71CK5cy0V&si=8vk4Bknbs_8Pta55 Socket.io docs: socket.io/how-to/use-with-nextjs ✨ Follow Me on Twitter: ChaooCharles ✨ Join My Discord Server discord.gg/WGqJ2CZebb SUPPORT MY CHANNEL 📍SUBSCRIBE: ruclips.net/channel/UCe8uN9zoKksCb1hfw61myRw 📍Become a Channel Member:ruclip...
Real-time Video Call - 2 - Socket.io Server in Next.js | React, WebRTC and Socket.io
Просмотров 53814 дней назад
Source code: www.patreon.com/posts/video-call-app-108233246?Link& Playlist: ruclips.net/p/PL63c_Ws9ecIS8ReV9MISpUGU71CK5cy0V&si=8vk4Bknbs_8Pta55 Socket.io docs: socket.io/how-to/use-with-nextjs ✨ Follow Me on Twitter: ChaooCharles ✨ Join My Discord Server discord.gg/WGqJ2CZebb SUPPORT MY CHANNEL 📍SUBSCRIBE: ruclips.net/channel/UCe8uN9zoKksCb1hfw61myRw 📍Become a Channel Member:ruclip...
Real-time Video Call - 1 - Authentication in Clerk | Next.js, React, WebRTC and Socket.io
Просмотров 26814 дней назад
Source code: www.patreon.com/posts/video-call-app-108233246?Link& Playlist: ruclips.net/p/PL63c_Ws9ecIS8ReV9MISpUGU71CK5cy0V&si=8vk4Bknbs_8Pta55 ✨ Follow Me on Twitter: ChaooCharles ✨ Join My Discord Server discord.gg/WGqJ2CZebb SUPPORT MY CHANNEL 📍SUBSCRIBE: ruclips.net/channel/UCe8uN9zoKksCb1hfw61myRw 📍Become a Channel Member:ruclips.net/channel/UCe8uN9zoKksCb1hfw61myRwjoin 📍Join ...
Real-time Video Call - 0 - Introduction | Next.js, React, WebRTC and Socket.io
Просмотров 62521 день назад
Source code: www.patreon.com/posts/video-call-app-108233246?Link& Playlist: ruclips.net/p/PL63c_Ws9ecIS8ReV9MISpUGU71CK5cy0V&si=8vk4Bknbs_8Pta55 ✨ Follow Me on Twitter: ChaooCharles ✨ Join My Discord Server discord.gg/WGqJ2CZebb SUPPORT MY CHANNEL 📍SUBSCRIBE: ruclips.net/channel/UCe8uN9zoKksCb1hfw61myRw 📍Become a Channel Member:ruclips.net/channel/UCe8uN9zoKksCb1hfw61myRwjoin 📍Join ...
React 19 - 10 must know new features and updates
Просмотров 349Месяц назад
Create a CRUD app with Server Actions: ruclips.net/video/dDLX4XDaz7A/видео.html Sections: 00:00 - Intro 00:25 - Form Actions 01:10 - useTransition 03:09 - useActionState 04:17 - useFormStatus 05:13 - useOptimistic 06:08 - use API 07:59 - Server Components and Server Actions 09:03 - ref as a prop 09:33 - Support for Document Metadata 10:23 - New React Compiler ✨ Follow Me on Twitter: twitter.com...
Fullstack CRUD in Next.js Server Actions, React.js, Typescript, TailwindCSS and PostgresSQL on Neon
Просмотров 1,2 тыс.Месяц назад
Create your PostgresSQL database on Neon: neon.tech Source code: www.patreon.com/posts/fullstack-crud-106783470?Link& Sections: 00:00 - Intro 03:27 - Create a next.js app 08:35 - Pages and layout 16:01 - Container Component 20:37 - Reusable Input Field 45:53 - Reusable Button 01:04:57 - Postgresdb on Neon 01:15:54 - POST Server Action 01:33:08 - Server Actions Docs 01:36:20 - GET Server Action ...
E-commerce product page in HTML, CSS and JavaScript - Frontend Mentor Challenge
Просмотров 1,6 тыс.3 месяца назад
Frontend mentor design link: www.frontendmentor.io/challenges/ecommerce-product-page-UPsZ9MJp6 Free Source Codes: github.com/chaoocharles/ecommerce-product-page-html-css-javascript Sections: 00:00 - Navbar 41:09 - Side Nav 56:36 - Image Gallery 01:15:41 - Image Slide Show 01:38:56 - Product Details and Cart Style 02:09:19 - Cart Logic 02:46:00 - Mobile Responsive ✨ Follow Me on Twitter: twitter...
🎉 Hotel Booking Web App Set-Up - How to run the source code successfully!
Просмотров 1,7 тыс.5 месяцев назад
FullStack Hotel Booking Web App in Next.js 14, React, Typescript, Shadcn, Clerk, My SQL (planetscale), Zustand, Stripe ✨ Source Codes: www.patreon.com/posts/next14-fullstack-96078849?Link& ✨ Playlist: ruclips.net/p/PL63c_Ws9ecIR6_mdnPvcvytf5oDccT8Mj&si=B-tw4xxBOf8Q80OI ✨ Follow Me on Twitter: ChaooCharles ✨ Join My Discord Server discord.gg/WGqJ2CZebb 🤑 Donate To My PayPal: www.payp...
Planetscale removed their hobby plan
Просмотров 2,3 тыс.6 месяцев назад
Next14 FullStack Hotel Booking Web App Course: ruclips.net/video/5VHANL_wIL4/видео.htmlsi=GNIx8yPiG22FOczg ✨ Follow Me on Twitter: ChaooCharles ✨ Join My Discord Server discord.gg/WGqJ2CZebb 🤑 Donate To My PayPal: www.paypal.com/cgi-bin/webscr?cmd=_s-xclick&hosted_button_id=NZCBMP9V54G9J&source=url SUPPORT MY CHANNEL 📍SUBSCRIBE: ruclips.net/channel/UCe8uN9zoKksCb1hfw61myRw 📍Become a...
Build and Deploy a Fullstack Hotel Booking Web App: Next.js 14, React.js, TS, TailwindCSS, Prisma
Просмотров 36 тыс.6 месяцев назад
Creating a FullStack Hotel Booking Web App in Next.js 14, React, Typescript, Shadcn, Clerk, My SQL (planetscale), Zustand, Stripe ✨ Source Codes: www.patreon.com/posts/next14-fullstack-96078849?Link& ✨ Playlist: ruclips.net/p/PL63c_Ws9ecIR6_mdnPvcvytf5oDccT8Mj&si=B-tw4xxBOf8Q80OI ✨ Follow Me on Twitter: ChaooCharles ✨ Join My Discord Server discord.gg/WGqJ2CZebb 🤑 Buy Me A Coffee: w...
Deploy to Vercel Tutorial - 26 | Next14 FullStack Hotel Booking App
Просмотров 3816 месяцев назад
Deploy to Vercel Tutorial - 26 | Next14 FullStack Hotel Booking App
Location Filter Tutorial - 25 | Next14 FullStack Hotel Booking App
Просмотров 2536 месяцев назад
Location Filter Tutorial - 25 | Next14 FullStack Hotel Booking App
Search Logic Tutorial - 24 | Next14 FullStack Hotel Booking App
Просмотров 2036 месяцев назад
Search Logic Tutorial - 24 | Next14 FullStack Hotel Booking App
List my-hotels and my-bookings - 23 | Next14 FullStack Hotel Booking App
Просмотров 1886 месяцев назад
List my-hotels and my-bookings - 23 | Next14 FullStack Hotel Booking App
Check for Date Overlaps - 22 | Next14 FullStack Hotel Booking App
Просмотров 2106 месяцев назад
Check for Date Overlaps - 22 | Next14 FullStack Hotel Booking App
Process Payment With Stripe Form Elements - 21 | Next14 FullStack Hotel Booking App
Просмотров 3916 месяцев назад
Process Payment With Stripe Form Elements - 21 | Next14 FullStack Hotel Booking App
Update Booking and Disable Booked Dates - 20 | Next14 FullStack Hotel Booking App
Просмотров 2776 месяцев назад
Update Booking and Disable Booked Dates - 20 | Next14 FullStack Hotel Booking App
Create Booking and Stripe Payment Intent Tutorial - 19 | Next14 FullStack Hotel Booking App
Просмотров 6976 месяцев назад
Create Booking and Stripe Payment Intent Tutorial - 19 | Next14 FullStack Hotel Booking App
Shad/cn Date Range Picker Tutorial - 18 | Next14 FullStack Hotel Booking App
Просмотров 2,1 тыс.6 месяцев назад
Shad/cn Date Range Picker Tutorial - 18 | Next14 FullStack Hotel Booking App
Zustand Global State Tutorial - 17 | Next14 FullStack Hotel Booking App
Просмотров 6596 месяцев назад
Zustand Global State Tutorial - 17 | Next14 FullStack Hotel Booking App
Hotel Details Tutorial - 16 | Next14 FullStack Hotel Booking App
Просмотров 2066 месяцев назад
Hotel Details Tutorial - 16 | Next14 FullStack Hotel Booking App
Hotel List Tutorial - 15 | Next14 FullStack Hotel Booking App
Просмотров 1706 месяцев назад
Hotel List Tutorial - 15 | Next14 FullStack Hotel Booking App
Room Card Tutorial - 14 | Next14 FullStack Hotel Booking App
Просмотров 2736 месяцев назад
Room Card Tutorial - 14 | Next14 FullStack Hotel Booking App
Create Room Tutorial - 13 | Next14 FullStack Hotel Booking App
Просмотров 2946 месяцев назад
Create Room Tutorial - 13 | Next14 FullStack Hotel Booking App
Room Model/Dialogue Tutorial - 12 | Next14 FullStack Hotel Booking App
Просмотров 2656 месяцев назад
Room Model/Dialogue Tutorial - 12 | Next14 FullStack Hotel Booking App

Комментарии

  • @khalilsikder6759
    @khalilsikder6759 5 часов назад

    thanks bro

  • @sharfathabi1838
    @sharfathabi1838 День назад

    Great videos💞💞💞

  • @fatimaahmad5734
    @fatimaahmad5734 День назад

    should we be using this emailjs in real project?will there be any security concerns?

  • @sharfathabi1838
    @sharfathabi1838 День назад

    🤩🤩🤩🤩

  • @amreenkhatik9952
    @amreenkhatik9952 2 дня назад

    Why i m getting "Template: One or more dynamic variables are corrupted" in my email

  • @kashmirtechtv2948
    @kashmirtechtv2948 2 дня назад

    Is email js free??

  • @sdfsfsfd437
    @sdfsfsfd437 2 дня назад

    Super videos! I following these videos of video call! Awesome. Trying to understando code. Thanks a lot.

  • @mojtabarahimi8631
    @mojtabarahimi8631 2 дня назад

    Hi, I did all the steps correctly, but the user John that you have in the chat, I can not get the user that I have, what is the problem ? please help me I need help.

  • @hdchannel7430
    @hdchannel7430 3 дня назад

    please sir this src code send me and i don't have money to buy this chat app src code 😥😥

  • @itsmyprobiome
    @itsmyprobiome 3 дня назад

    I encountered a problem while uploading to vercel "⨯ useSearchParams() should be wrapped in a suspense boundary at page" Anyone Please help me regarding this bug

  • @khalilsikder6759
    @khalilsikder6759 5 дней назад

    Thanks a lot I learn daily something new from yours

  • @thiagorocha2950
    @thiagorocha2950 6 дней назад

    My friend, can you teach us to build a POS system and intagrate to this ecommerce ?

  • @lapkienlin8432
    @lapkienlin8432 7 дней назад

    Hey sir, i did follow you by coding step by step, But in my CheckoutClient fetch('/api/create-payment-intent', { method: 'POST', headers: { 'Content-type': 'application/json' }, body: JSON.stringify({ items: cartProducts, payment_intent_id: paymentIntent, }), }) .then((res) => { toast.error('Step 1'); setLoading(false); if (res.status == 401) { return router.push('/login'); } console.log(res); return res.json(); }) .then((data) => { toast.error('Step 2'); setClientSecret(data.paymentIntent.client_secret); handleSetPaymentIntent(data.paymentIntent.id); }) .catch((error) => { setError(true); console.log('Error: ', error); toast.error('Something went wrong'); }); I did number each step, and my app working is announced : Step 1 -> Something went wrong. I mean, it skip the .then(data) process, then I trying to log(res) The problem is: Response {type: 'basic', url: 'localhost:3000/api/create-payment-intent', redirected: false, status: 500, ok: false, …} So, how can I fix this problem, I don't know why my code is skip the step 2

  • @navinkumarsahu1159
    @navinkumarsahu1159 8 дней назад

    Charles 🔥

  • @navinkumarsahu1159
    @navinkumarsahu1159 8 дней назад

    🔥🔥🔥

  • @Jeinjer
    @Jeinjer 8 дней назад

    hello, the cart is not syncronized with the session, so that part of the course is not covered.

  • @navinkumarsahu1159
    @navinkumarsahu1159 8 дней назад

    finally found a great GREAT channel 🙏 thanks amazing dude lots of love from India🇮🇳 subscribed

  • @AntonGusakov-yn7mb
    @AntonGusakov-yn7mb 8 дней назад

    This is what I am looking for! What will be the total number of episodes in this playlist?

  • @parkcodedr
    @parkcodedr 9 дней назад

    we are moving, kudos to you; please add more speed

    • @ChaooCharles
      @ChaooCharles 6 дней назад

      Hey, I will try, I just have alot to do

  • @thefuntech2810
    @thefuntech2810 9 дней назад

    Awesome 👍

  • @odhiambo149
    @odhiambo149 9 дней назад

    ndovu ni kuu lyircs caught me offguard. 😅

    • @ChaooCharles
      @ChaooCharles 9 дней назад

      @@odhiambo149 which minute 😂

    • @odhiambo149
      @odhiambo149 9 дней назад

      @@ChaooCharles 30:40 when you're installing bootstrap icons 😅

    • @ChaooCharles
      @ChaooCharles 9 дней назад

      @@odhiambo149 Focus on code 😅you might see some things you shouldn't 😅😅🏃‍♂🏃‍♂🏃‍♂🏃‍♂

  • @fosimuboolubo8891
    @fosimuboolubo8891 10 дней назад

    Phew! Thanks for this man. And I'm sure your keyboard key 1 is all working now 😊

  • @bmwjarvo6941
    @bmwjarvo6941 10 дней назад

    amazing video, great work thanks

  • @hi-shayan
    @hi-shayan 10 дней назад

    hey do we have an admin panel too?

  • @dankahora5744
    @dankahora5744 10 дней назад

    This guy is a legend🎉

  • @parkcodedr
    @parkcodedr 10 дней назад

    Awesome, we patiently waiting to continue this great tutorial

  • @petermwansa4890
    @petermwansa4890 10 дней назад

    Perfect tutorial!!! Thank you mate!

  • @sdfsfsfd437
    @sdfsfsfd437 11 дней назад

    Very interesting. Thanks a lot.💯👍

  • @thefuntech2810
    @thefuntech2810 11 дней назад

    I am watching your content You are doing a great job 👍

  • @abdulwasi2929
    @abdulwasi2929 11 дней назад

    Such good explanation bro. Love it bro.

  • @parkcodedr
    @parkcodedr 12 дней назад

    great job, why hiding the source code; it helps to resolve errors as a reference guide

  • @user-df4zw5we6k
    @user-df4zw5we6k 12 дней назад

    Thanks a lot its been an amazing video i have learnt a lot and now i have an ecommerce webapp

  • @greenthumb7405
    @greenthumb7405 12 дней назад

    I love that this is all taught like its the first time im using next.js, even though I have a great amount of experience with it. I mostly came here to learn stripe but I am enjoying your teaching methods very much. patient, steady, and detailed.

  • @amnahamidali1992
    @amnahamidali1992 13 дней назад

    HI thanks for such a great tutorial, could u please tell me why are we watching the category field only in the addProductForm and not the others? ( const category = watch("category") ) . Please let me know thanks

  • @muhammadfawwad6782
    @muhammadfawwad6782 14 дней назад

    Please make a full chatting app with image and video sending funcnality and also save it in database

  • @thiagorocha2950
    @thiagorocha2950 14 дней назад

    My friend, can this home banner be edited in the admin panel?

    • @ChaooCharles
      @ChaooCharles 14 дней назад

      @@thiagorocha2950 No, but u can add that functionality

  • @lapkienlin8432
    @lapkienlin8432 15 дней назад

    hi sir, your == operator is "2 =" or "3 =" your font doesnt make clear

  • @Setrop_Study-v1f
    @Setrop_Study-v1f 15 дней назад

    Good project, but I've to say that the project organization is weird xDDDD keep posting pls

  • @thiagorocha2950
    @thiagorocha2950 16 дней назад

    Hello my friend, is this project responsive? I'm thinking about doing this project😍