Build and Deploy a Realtime Chat Application - Socket.io, Node.js, and React.js

  • เผยแพร่เมื่อ ปีที่แล้ว

    JavaScript Mastery

    รันไทม์: 1:56:45

    ❗ IMPORTANT:
    Become a PRO at JavaScript: bit.ly/MasterJavaScript
    Free JavaScript Cheat Sheet: pages.thejavascriptmastery.com/cheatsheet
    In this video, we will create a full Realtime Chat Application. We're going to use React on the front end, with NodeJS + Socket.io web socket library on the back end.
    By the end of this video, you will have a strong understanding of how to send and receive messages using web sockets and Socket.io to make any real-time application.
    Many of you asked for a way to support my work and request new videos! You now get the chance to become one of the first supporters and buy me a coffee :) bit.ly/JSMastery
    If you have troubles with create-react-app, make sure to run it as 'npx create-react-app', they've changed it since I posted this video.
    📚 Materials/References:
    GitHub Code (feel free to give it a star ⭐) - github.com/adrianhajdin/project_chat_application
    React Hooks Video - bit.ly/react_hooks
    Icon 1: bit.ly/firstIcon
    Icon 2: bit.ly/secondIcon
    Attain mastery as a developer. Check out this extremely useful tool to help you remember what you learn - mem.dev.
    💼 Business Inquiries: contact@thejavascriptmastery.com
    🌎 Find Me Here:
    Discord Group: discord.gg/n6EdbFJ
    Instagram: javascriptmastery
    Twitter: JS_Mastery
    BuyMeACoffe: www.buymeacoffee.com/JSMastery

Sonu Singh
Sonu Singh

For programmers who are watching this video in 2020 or maybe in 2021 while connecting the client side with server side if you'll get an error in your console log that (Error: "NO Access-Control-Allow-Origin' header is present") so in your client folder inside "chat.js" file and in chat.js file add ("Code" : (var connectionOptions = {"force new connections" : trure, "reconnectAttempts" : "Infinity", "timeout" : 10000, "transports" : "["websockets"]"};)) or just go at this link https://stackoverflow.com/a/65188436/14527233

3 หลายเดือนก่อน
harshit pasrija
harshit pasrija

Can you mail me your chat.js file please...i am not able to figure out what to do how to do?

19 ชั่วโมงที่ผ่านมา
Radha Hirani
Radha Hirani

After clicking on send button , the message is not being sent nothing happens. I tried all possible solutions but was not able to resolve the issue. If anyone here could help?

3 วันที่ผ่านมา
Aachal Deshmukh
Aachal Deshmukh

@שניאור בכר not working for me also have u solved it

3 วันที่ผ่านมา
The Teen Tuber _
The Teen Tuber _

Can't send a message or receiving a welcome message can anyone help, the console gives me some error regarding cors

17 วันที่ผ่านมา
SchneiderTR
SchneiderTR

THANKS!

21 วันที่ผ่านมา
Mike
Mike

awesome video!!! can i call from that chat without using any other apps like whatsap or phone app??

4 ชั่วโมงที่ผ่านมา
Code With Krishnab
Code With Krishnab

Hey I found a bug in the app and I fixed it - The bug was that when your server is actually a bit slow then what happens is until the server doesn't reply back the setMessage doesn't set to null or ' ' which has a black value which actually does create a problem that when you press enter or the send button multiple times the same message is sent over and over. For fixing that your input.js file should look something like this which basically changes the setMessage to ' ' ``` import React from 'react'; import './Input.css'; const Input = ({ setMessage, sendMessage, message }) => ( setMessage(value)} onKeyPress={event => event.key === 'Enter' ? ()=>{sendMessage(event);setMessage('')} : null} /> {sendMessage(e); setMessage('')}}>Send ) export default Input; ``` Hope this helps!!!

12 ชั่วโมงที่ผ่านมา
Radha Hirani
Radha Hirani

After clicking on send button, the message is not being sent nothing happens. I tried all possible solutions but was not able to resolve the issue. If anyone here could help?

3 วันที่ผ่านมา
Code With Krishnab
Code With Krishnab

Hey there I know what just happened... If you had cloned the code from github You would have to open 2 separate terminals in the folder or just type cd and drag the folder to the terminal Then In 1st terminal type - cd server && npm i && npm start In 2nd terminal type - cd client && npm i && npm start Then the last thing you need to do is to change is ``` const ENDPOINT = 'https://project-chat-application.herokuapp.com/'; ``` in chat.js to ``` const ENDPOINT = 'localhost:5000'; ``` Let me know if that helps plz!!

12 ชั่วโมงที่ผ่านมา
Ivan
Ivan

Great and detailed explanation. Keep it up. Svaka cast!

5 วันที่ผ่านมา
Mike Futcher
Mike Futcher

This is Pretty Awesome! Easy Tutorial to follow! so good! One Question, im getting an Extra empty bubble when i send a message which appears on the recipients side. Any Ideas why?

6 วันที่ผ่านมา
tran dinh thang
tran dinh thang

new version use {useLocation} from 'react-router-dom' replace props location, and so much

7 วันที่ผ่านมา
Arrizki
Arrizki

bro can i put your code from this tutorial to my github? just for practice for me

7 วันที่ผ่านมา
Zak Code
Zak Code

hey there, if you come across any error you can reply the error to me and i would like to help you as helping my self .

9 วันที่ผ่านมา
mr.puckman
mr.puckman

Thanks ! 😁👍🏻 Good job

9 วันที่ผ่านมา
Infernate Wolf
Infernate Wolf

Javascript mastery, i have question to You Think there is some data your getting from Rest API. You fetch data and store in redux and then display to browser How do you implement socket.io? Such that any data changes made in data base or data from REST API reflects immediately in front end Using web socket

11 วันที่ผ่านมา
Disfat Bidge
Disfat Bidge

to the people facing the issue that there messages are not sending just go in your index.js file in server and define your io as const io = socketio(server, { cors: { origin: "*", }, });

11 วันที่ผ่านมา
khushal tarsariya
khushal tarsariya

i get error of messages.map is not a function please help me to solve this problem

12 วันที่ผ่านมา
Disfat Bidge
Disfat Bidge

go in your index.js file in server and define your io as const io = socketio(server, { cors: { origin: "*", }, });

11 วันที่ผ่านมา
The Teen Tuber _
The Teen Tuber _

Can't send a message or receiving a welcome message can anyone help

17 วันที่ผ่านมา
Disfat Bidge
Disfat Bidge

go in your index.js file in server and define your io as const io = socketio(server, { cors: { origin: "*", }, });

11 วันที่ผ่านมา
sangeetha kumari
sangeetha kumari

Please upload one ecommerce project using react hooks , redux ,node js, mango db

19 วันที่ผ่านมา
projects dep
projects dep

What should I do in the index.js if I have already used port 5000 for the MongoDB ? please help

20 วันที่ผ่านมา
SchneiderTR
SchneiderTR

i have a question, in socket.on we execute one argument called "callback" but its not a high risk? we literaly execute a code that came from the front end its should be a "drop table" for exemple. or I didn't get it right?

21 วันที่ผ่านมา
Youth Envision
Youth Envision

One of the best video ! Bro , kindly keep going on.

22 วันที่ผ่านมา
Ritik Thakur
Ritik Thakur

You are an amazing developer and also my favorite YouTuber. Please make more videos on reactjs with redux.

23 วันที่ผ่านมา
LSnake
LSnake

If you create a public web chat like that, the server in node.js how many people would it hold? could it crash at some point? I'm sorry for the ignorance, I'm at the beginning

24 วันที่ผ่านมา
Basic Coding With Adam
Basic Coding With Adam

Great video!! Well done!!

27 วันที่ผ่านมา
JavaScript Mastery
JavaScript Mastery

Thank you! 🙌

27 วันที่ผ่านมา
Killua Lhevine
Killua Lhevine

Is this a stateless application?

28 วันที่ผ่านมา
naim ahmed
naim ahmed

who ever facing the problem cross orgin problem try this code [const io = require('socket.io')(server, { cors: { origin: '*', } });]

29 วันที่ผ่านมา
KING
KING

Can I chat from two different systems once it gets deployed

หลายเดือนก่อน
Daniel Mamphekgo
Daniel Mamphekgo

yes

28 วันที่ผ่านมา
ravian simiyu
ravian simiyu

That was awesome learnt so much

หลายเดือนก่อน
Md Jahidul Islam
Md Jahidul Islam

how to create a private chat option instead of a chat room?

หลายเดือนก่อน
TCC-The Creative Channel
TCC-The Creative Channel

Excellent

หลายเดือนก่อน
Sivak Games
Sivak Games

44:40 - The two time thing was something I was struggling with. I guess that's what I get for trying to do things without looking at other things beforehand. :)

หลายเดือนก่อน
Never Execute
Never Execute

anyone have the UPdated code for this project ??? I am stuck I am not getting the error and chat box is also not returning me the text/chat.

หลายเดือนก่อน
Developer Ratul
Developer Ratul

Thanks there. For a clear and cool tutorial

หลายเดือนก่อน
Pramod kumar Shrestha
Pramod kumar Shrestha

How to solve cors header 'access-control-allow-origin' missing problem please help me

หลายเดือนก่อน
Soli HM
Soli HM

Solution for cors problem with socket that worked for me, it was adding the second parameter for io on the server side const io = socketio(server, {cors: {origin: "*", methods: ["GET", "POST"]}})

หลายเดือนก่อน
Petar P
Petar P

@Soli HM No idea how I haven't found it... nevermind, thanks

27 วันที่ผ่านมา
Soli HM
Soli HM

@Petar P Mmm I was looking for the solution of the error in my console, And I found it in stackoverflow I think

27 วันที่ผ่านมา
Petar P
Petar P

It works, may I ask where you got the solution?

27 วันที่ผ่านมา
I'M BACK
I'M BACK

great😍😍😍

หลายเดือนก่อน
Stan Remus
Stan Remus

Will the aplication stil work even if i have (Error: "NO Access-Control-Allow-Origin' header is present"), I mean when i deploy it?

หลายเดือนก่อน
Hà Hoàng Tuấn
Hà Hoàng Tuấn

Thank you very much!

หลายเดือนก่อน
Abhijit Paul
Abhijit Paul

I am getting cross origin error.

หลายเดือนก่อน
Ares2016
Ares2016

Your knowledge is amazing, and the way that you teach, thank you so much!

หลายเดือนก่อน
夏森林
夏森林

1:46:25

หลายเดือนก่อน
pravin sukumaran
pravin sukumaran

Your a god in your own right bro ,,,,,,,,,keep up the good work ........add more ads ill gladly watch

หลายเดือนก่อน
Fazeel Haider
Fazeel Haider

im not able to send messages or get the greeting message in the chat box, is anyone else experiencing the same ? please help if you can.

หลายเดือนก่อน
Disfat Bidge
Disfat Bidge

go in your index.js file in server and define your io as const io = socketio(server, { cors: { origin: "*", }, });

11 วันที่ผ่านมา
Francis Masangcay
Francis Masangcay

Adding timestamps for my own use. Awesome video btw! Project Set up: 5:00 Server code 13:00 Deployment 1:46:58

หลายเดือนก่อน
Shrey Srivastav
Shrey Srivastav

My code is not working . I can't find any issue. Can anyone help ?

หลายเดือนก่อน
Shrey Srivastav
Shrey Srivastav

@Disfat Bidge thanks

11 วันที่ผ่านมา
Disfat Bidge
Disfat Bidge

go in your index.js file in server and define your io as const io = socketio(server, { cors: { origin: "*", }, });

11 วันที่ผ่านมา
ze soufian
ze soufian

Any one here could not install react-scoll-to-bottom too ??? It refuses to install even tho I updated react version !!!!

2 หลายเดือนก่อน
christophe anfry
christophe anfry

Hi there. Normally I don’t put any comments but I really have to say thank you so much for your explanations in your videos you don’t only show how to do it but you also give a sense of what you’re doing and it helps me a lot. Very goods tutorials keep going!!!!

2 หลายเดือนก่อน
Jose Jimenez
Jose Jimenez

/Users/Andres/Desktop/chat-app-2/server/node_modules/express/lib/application.js:210 throw new TypeError('app.use() requires a middleware function') ^ TypeError: app.use() requires a middleware function at Function.use (/Users/Andres/Desktop/chat-app-2/server/node_modules/express/lib/application.js:210:11) at Object. (/Users/Andres/Desktop/chat-app-2/server/index.js:15:5) at Module._compile (internal/modules/cjs/loader.js:1063:30) at Object.Module._extensions..js (internal/modules/cjs/loader.js:1092:10) at Module.load (internal/modules/cjs/loader.js:928:32) at Function.Module._load (internal/modules/cjs/loader.js:769:14) at Function.executeUserEntryPoint [as runMain] (internal/modules/run_main.js:72:12) at internal/main/run_main_module.js:17:47 [nodemon] app crashed - waiting for file changes before starting... Did someone got this error when setting the router?

2 หลายเดือนก่อน
Dres SR
Dres SR

For everyone having trouble with the CORS permissions. Simply replace line 15 in Chat.js with: socket = io(ENDPOINT, { transports: [ "websocket", "polling", "flashsocket" ] });

2 หลายเดือนก่อน
Petar P
Petar P

It works, may I ask where you found the solution?

27 วันที่ผ่านมา
Deepak
Deepak

where to put this in chat.js on what to replace with?? please mention it clearly!

หลายเดือนก่อน
Sparsh Gupta
Sparsh Gupta

Thank you SOoooooooooooooooo Much!!! ..... u just saved my life!!! :) .........Actually i Did not got the error soo i was confused...but anyways thanks man!!... u d best.... :D

2 หลายเดือนก่อน
yang chulong
yang chulong

thx

2 หลายเดือนก่อน
Ben Stevens
Ben Stevens

I have made the website and it works just fine, however when it comes to messeging after a while the site will become really slow and crash. When I inspect element, each time I type and send a message loads of arrays are being created and I think that is bottlenecking the server. How do I make it so when i send messaged loads of arrays are being thrown at my poor server. Thank you.

2 หลายเดือนก่อน
PRANJAL
PRANJAL

Can anyone help me I have deployed the backed at Heroku but want to deploy the front end to GitHub pages instead of netlify does anyone have any idea. For some reason, the usual method is not working where I build the react app and deploy it in Github pages. For more info: https://stackoverflow.com/questions/66126894/deploy-frontend-to-github-pages-and-backend-to-heroku

2 หลายเดือนก่อน
20`s BAD
20`s BAD

I just tried to make a web based chat app and it didn't work and idk why and watching this makes me even more confused 😂

2 หลายเดือนก่อน
Jungle P
Jungle P

Hey, i tried to follow your step but i got an issue with messages.js. It says: Cannot read property 'map' of undefined. Someone can help me please?

2 หลายเดือนก่อน
Litosh LIVE
Litosh LIVE

on.join doesnt work anymore

2 หลายเดือนก่อน
Rahul Saxena
Rahul Saxena

What database is used?

2 หลายเดือนก่อน
Roshan Budhathoki
Roshan Budhathoki

Hlw anyone can help I got "call back is not a Function error @javascriptMastery

2 หลายเดือนก่อน
Yash Namdev
Yash Namdev

Messages are not sending when I press send button can anyone help me to sort this out!

2 หลายเดือนก่อน
Deepak
Deepak

same issue did you find the solution?

หลายเดือนก่อน
Zyan
Zyan

Truly amazing 🔥

2 หลายเดือนก่อน
Mikoo
Mikoo

why dont u just make a project with two subfolders: server and client. its stupid the way u separate the two, bad teaching

2 หลายเดือนก่อน
Jonathan Pan
Jonathan Pan

43:42 line14 change it to socket = io(ENDPOINT , {transports: ['websocket', 'polling', 'flashsocket']});

2 หลายเดือนก่อน
Gilliard Alan
Gilliard Alan

Great Video! It's an amazing introduction to socket IO + NodeJs + ReactJS. I'm so glad with you! Thanks a lot man, great job!

2 หลายเดือนก่อน
Yadnesh Khode
Yadnesh Khode

THANK YOU !!!!!!!!!!!! SOOO MUCH I was trying to build this myself and I faced lot of issues with the structure of my project this helped a lot

2 หลายเดือนก่อน
Thanapong Angkha
Thanapong Angkha

If you're using socket.io v3 you might get "Access to XMLHttpRequest has been blocked by CORS policy” error. To fix that you have to pass { cors: { origin: "http://localhost: ", methods: ["GET", "POST"] } } as the second argument when you invoke socketio method.

2 หลายเดือนก่อน
JavaScript Mastery
JavaScript Mastery

Thanks!

2 หลายเดือนก่อน
pawan verma
pawan verma

Can you use mongodb on the backend side for storing messages and users?

2 หลายเดือนก่อน
Afaq Ahmad
Afaq Ahmad

its realy helpfull nice work but i have an issue in Messsage.js that and also i can match with your code as well but still facing ... TypeError: Cannot read property 'user' of undefined Message C:/Users/Afaq Ahmad/Desktop/FYP/client/src/components/Message/Message.js:6 3 | import './Message.css'; 4 | 5 | > 6 | const Message = ({message: {user, text}, name }) => { 7 | let isSentByCurrentUser = false; 8 | 9 | const trimmedName = name.trim().toLowerCase();

2 หลายเดือนก่อน
P Jos
P Jos

Does it have User id password login system

3 หลายเดือนก่อน
Karim Dakrouri
Karim Dakrouri

Hi, i really need help with sockets. so what i have is allconversations screen which has all the conversations on and the chat screen which is the actually chat itself. i have successfully implemented sockets that when both users are inside the chat messages get sent live. my problem is if user 1 is on allconversations screen and user 2 is inside chat and user2 sends user 1 a message. the message gets rendered live for user 2 but user 1 does not know about this new message because he/she are not inside chat. how to implement a feature for user 1 that if this scenario happens the conversation that receives a new messages becomes bold on the allconversations screen? thank you in advance, i have been trying to solve this for a month now and couldnt get anywhere :(

3 หลายเดือนก่อน
For Youtube
For Youtube

Hey how do I local host my html page??

3 หลายเดือนก่อน
k rahul
k rahul

My messages are not getting sent and I'm not receiving admin messages please help!!

3 หลายเดือนก่อน
WarriorX16
WarriorX16

By the way, at 5:30 the command is "npm install --save cors nodemon on express socket.io" I thought it was "... nodem on ..." not "nodemon" because the "on" went to the next line xD

3 หลายเดือนก่อน
P Z
P Z

How did he get react (front end) and node (backend) to run at the same time without adding any scripts??

3 หลายเดือนก่อน
Vast Jay
Vast Jay

Got this error -> Module not found: You attempted to import /App which falls outside of the project src/ directory. Relative imports outside of src/ are not supported.

3 หลายเดือนก่อน
JavaScript Mastery
JavaScript Mastery

Change the import path.

3 หลายเดือนก่อน
שניאור בכר
שניאור בכר

io.on('connection', (socket)=>{ console.log('We have a new connection!!!!'); socket.on('disconnect', ()=>{ console.log('User has left!!!!') }) }) not workink why???

3 หลายเดือนก่อน
dwr
dwr

Well I have a problem, whenever I refresh the page my username && room property becomes undefined and my whole app crushes :/ May it caused by that I’m using next.js ?

3 หลายเดือนก่อน
MANDEEP KOHLI
MANDEEP KOHLI

Please upload one to one chat app

3 หลายเดือนก่อน
JavaScript Mastery
JavaScript Mastery

Coming in this month!

3 หลายเดือนก่อน
Just Ayydrian
Just Ayydrian

Hey, after we start making changes to Chat at 41:00, I keep getting this error: "TypeError: Cannot read property 'prototype' of undefined" can someone please help me ?

3 หลายเดือนก่อน
Mohamed Ali MAHDHAOUI
Mohamed Ali MAHDHAOUI

I have been thrugh the same error, make sure that you have made Chat route this way :

หลายเดือนก่อน
Xuyang Cao
Xuyang Cao

Thank you very much! So amazing and helpful tutorial!

3 หลายเดือนก่อน
JavaScript Mastery
JavaScript Mastery

Glad you enjoyed it!

3 หลายเดือนก่อน
Ahoang Nguyễn
Ahoang Nguyễn

i can your theme vs code

3 หลายเดือนก่อน
Sameer Sitre
Sameer Sitre

Thanks man! you made and saved my day.

3 หลายเดือนก่อน
Shubham Raj
Shubham Raj

Thank you so much for this video, I have successfully deployed it.

3 หลายเดือนก่อน
Dhruv Gopani
Dhruv Gopani

guys please check this question which is based on this project:- https://stackoverflow.com/questions/65483162/violation-message-handler-took-nms

3 หลายเดือนก่อน
Sonu Singh
Sonu Singh

Every time i'm witing my message and then trying to send i'm getting error in my console that ("websocket.js:78 WebSocket connection to 'ws://localhost:5000/socket.io/?EIO=4&transport=websocket' failed: Error in connection establishment: net::ERR_CONNECTION_REFUSED") help me to fix this.

3 หลายเดือนก่อน
Tanmay Gautam
Tanmay Gautam

Alternative TITLE - Making Whatsapp clone

3 หลายเดือนก่อน
SAI LAKSHMY
SAI LAKSHMY

Thank you for the amazing tutorial. I have a doubt though. Could you please specify why we are using Heroku for backend deployment and Netlify for Frontend deployment? Is it possible to deploy front end also with Heroku?

3 หลายเดือนก่อน
Emmanuel Emejuru
Emmanuel Emejuru

Yes you can deploy the application with heroku , Just for simplicity and teaching how to fetch data from an api that is why he used that approach i guess...

3 หลายเดือนก่อน
Abhishek Kumar
Abhishek Kumar

❤️

3 หลายเดือนก่อน
Jeff Johnson
Jeff Johnson

if you are having the cors issue early on adjust const io = socketio(server) so it looks like this => const io = socketio(server , { cors: { origin: '*', } })

3 หลายเดือนก่อน
Asharu Dheen
Asharu Dheen

Access to XMLHttpRequest at 'http://localhost:5000/socket.io/?EIO=4&transport=polling&t=NQGr-HU' from origin 'http://localhost:3000' has been blocked by CORS policy: No 'Access-Control-Allow-Origin' header is present on the requested resource. . . i get this bug.. any one have any idea

3 หลายเดือนก่อน
Asharu Dheen
Asharu Dheen

any one get this Error add this code in your code . var socket = io('http://localhost', {transports: ['websocket', 'polling', 'flashsocket']});

3 หลายเดือนก่อน
Sachin
Sachin

the messages wont load, port 5000 or any other is not communicating with chat.js i think. the messages send once i change the port to 3000 same as chat.js port

3 หลายเดือนก่อน
AnimalUnleashedHD
AnimalUnleashedHD

When I login and try to send a message, nothing gets sent and it's just the blank white Chat, is this what you had?

3 หลายเดือนก่อน
Deepak Tv
Deepak Tv

Access to XMLHttpRequest at 'http://localhost:5000/socket.io/?EIO=4&transport=polling&t=NQ8pBYS' from origin 'http://localhost:3000' has been blocked by CORS policy: No 'Access-Control-Allow-Origin' header is present on the requested resource. How to solve this error please reply ?

3 หลายเดือนก่อน
Music With Deep Shah
Music With Deep Shah

Thank you so much for this tutorial.....

4 หลายเดือนก่อน
JavaScript Mastery
JavaScript Mastery

Welcome!

3 หลายเดือนก่อน
Kanagavel Balakrishnan
Kanagavel Balakrishnan

Access to XMLHttpRequest at 'http://localhost:8000/socket.io/?EIO=4&transport=polling&t=NQ0V6-7' from origin 'http://localhost:3000' has been blocked by CORS policy: No 'Access-Control-Allow-Origin' header is present on the requested resource. I got this kind of errors in chat.js what to do

4 หลายเดือนก่อน
Music With Deep Shah
Music With Deep Shah

blocked by CORS policy: No 'Access-Control-Allow-Origin' header is present on the requested resource.Please Help,,,,thanks

4 หลายเดือนก่อน
jhaelin toliver
jhaelin toliver

Blocked by cors 😭. How do I solve? Solution: in server file put: Const app = require (‘express’) Const http = require(‘http’).createServer(app) Const io = require(‘socket.io)(http, { cors: {origin: “*”})})

4 หลายเดือนก่อน
shoazimoff
shoazimoff

1:14:04

4 หลายเดือนก่อน
Peter Parker
Peter Parker

Hey brother, please tell me if this chat application requires a database because I want my chats to be saved on next login

4 หลายเดือนก่อน
NPK Chrome
NPK Chrome

****** Does any one done the existing user feature? I think he forgot to do that in the callback function. ******

4 หลายเดือนก่อน
Anikash Chakraborty
Anikash Chakraborty

Can anyone tell me how to add a "User is typing" feature over here. I am trying to maintain a state for istyping but it isn't helping much.

4 หลายเดือนก่อน
shoazimoff
shoazimoff

1:06:55

4 หลายเดือนก่อน
A83 Tejas Sudhir Tapas
A83 Tejas Sudhir Tapas

Hello Sir My code is fairly fine just after deploying on herroku it is giving this error 2020-12-17T11:21:19.171418+00:00 heroku[router]: at=error code=H10 desc="App crashed" method=GET path="/" host=chat-application-react- status=503 bytes= protocol=https 2020-12-17T11:21:19.563634+00:00 heroku[router]: at=error code=H10 desc="App crashed" method=GET path="/favicon.ico" host=chat-application-react-service= status=503 bytes= protocol=https Can you Please help me with that, I am struggling from 2 days @Javascript

4 หลายเดือนก่อน
Rahil Shah
Rahil Shah

I want to meet the admin of this channel so badly. he is the savior for all of us

4 หลายเดือนก่อน
JavaScript Mastery
JavaScript Mastery

Thank you!

4 หลายเดือนก่อน
Paul ARNAUD
Paul ARNAUD

Hi thank you for this very usefull tutorial. Question : my socket objects are not recognized by intellisense as they are in your vs code and I can't find why, it's driving me crazy ! Did you do anything special to get it recognized ? does anyone have a tip for this ?

4 หลายเดือนก่อน
Carlos Morales
Carlos Morales

i have the same "issue" :(, i lost 1 hour searching answer for this, finally the problem its possible because intellisense not support currently version of sockets :/

4 หลายเดือนก่อน
Ankit Singh
Ankit Singh

my app worked fine before deployment.But, after I deployed it then when I sign in and try to send a Message, nothing gets sent and it's just blank white in the chat box

4 หลายเดือนก่อน
AnimalUnleashedHD
AnimalUnleashedHD

Same, I had that same issue, were you able to find a solution?

4 หลายเดือนก่อน
ZX HE
ZX HE

I have a croos-origin probelm how can i fix this?

4 หลายเดือนก่อน
Carlos Morales
Carlos Morales

i hope help u, const io = socketio(server, { cors: { origin: 'http://localhost:3000', methods: ['GET', 'POST'], credentials: true, }, }); the version used in this video is 2.0.0, currently version of socket is 3.0.4

4 หลายเดือนก่อน

ต่อไป

Learn useState In 15 Minutes - React Hooks Explained

15:45

Learn useState In 15 Minutes - React Hooks Explained

Web Dev Simplified

มุมมอง 211K

React JS Crash Course 2021

1:48:48

React JS Crash Course 2021

Traversy Media

มุมมอง 579K

This Unstoppable Robot Could Save Your Life

14:30

This Unstoppable Robot Could Save Your Life

Veritasium

มุมมอง 3.6M

Where to Host a Fullstack Project on a Budget

21:44

Where to Host a Fullstack Project on a Budget

Ben Awad

มุมมอง 178K

Can Intel Beat the Ultimate AMD Gaming PC?

15:23

Can Intel Beat the Ultimate AMD Gaming PC?

Linus Tech Tips

มุมมอง 1.3M

MUST USE Websites & Tools for Web Developers

12:41

MUST USE Websites & Tools for Web Developers

JavaScript Mastery

มุมมอง 82K

How Blind People Text On Their Phones

3:21

How Blind People Text On Their Phones

Daily Dose Of Internet

มุมมอง 9M

อัพเดทข่าวล่าสุด iPhone 13 Series

10:05

อัพเดทข่าวล่าสุด iPhone 13 Series

เอ็มซ่าส์ channel รีวิว

มุมมอง 17K

Satisfying Asmr 👂 Tik Tok Compilation # Part15

12:45

เผยค่าคลอด น้องจูน่า ลูกฟลุ๊ค และแอปเปิ้ลคนสวย

1:41

เผยค่าคลอด น้องจูน่า ลูกฟลุ๊ค และแอปเปิ้ลคนสวย

ข่าวดาราล่าสุด ข่าวดาราวันนี้

มุมมอง 73K

Very Soon ! ใครกำลังจะติดต่อมาหาคุณ ? 🔮Pick A Card 🔮เขาคือใคร & ติดต่อมาเรื่องอะไร

40:12

Very Soon ! ใครกำลังจะติดต่อมาหาคุณ ? 🔮Pick A Card 🔮เขาคือใคร & ติดต่อมาเรื่องอะไร

Bowe64Tarot Guidance ปรึกษาดวง แนวทางชีวิต & เรียนไพ่ยิปซี

มุมมอง 21K