piyush-eon / mern-chat-app Goto Github PK
View Code? Open in Web Editor NEWHome Page: https://www.youtube.com/playlist?list=PLKhlp2qtUcSZsGkxAdgnPcHioRr-4guZf
Home Page: https://www.youtube.com/playlist?list=PLKhlp2qtUcSZsGkxAdgnPcHioRr-4guZf
@piyush-eon , I noticed there are 2 different endpoints to add user and to remove user from group chat. This also can be done using single endpoint. Please let me fix this by assigning this issue to me.
Attempted import error: 'useHistory' is not exported from 'react-router-dom' (imported as 'useHistory').
ERROR in ./src/Context/ChatProvider.js & other file
'react-scripts' is not recognized as an internal or external command,
operable program or batch file.
in my http://localhost:3000/
Failed to compile
./node_modules/@chakra-ui/system/dist/chunk-3ZTTLJBV.mjs
Can't import the named export 'Global' from non EcmaScript module (only default export is available) @piyush-eon
@piyush-eon , I noticed there are 2 different endpoints to add user and to remove user from group chat. This also can be done using single endpoint. Please let me fix this by assigning this issue to me.
ola la la la leooo
Can someone please guide/suggest me how to check if the user in Single Chat is Online/Offline?
npm ERR! Could not resolve dependency:
npm ERR! peer react@">=18" from @chakra-ui/[email protected]
npm ERR! node_modules/@chakra-ui/system
npm ERR! peer @chakra-ui/system@">=1.0.0" from @chakra-ui/[email protected]
npm ERR! node_modules/@chakra-ui/icons
npm ERR! @chakra-ui/icons@"^1.0.13" from the root project @piyush-eon
i'm using Next js but My socket is not working properly all the things are setup properly,Can you help me in my project.
On removing the user from the group if he is the admin he still remains the admin, can we assign the group admin to a random person in the group just like whatsapp
I am getting this error Error: Route.post() requires a callback function but got a [object Undefined].
Any idea how to resolve it.
Hey, this is great example for implementing socket.io in Node JS
But I think it will great to add these files:
This is just a minor improvement on my side to improve developer experience
Thanks in advance
Consider adding an error boundary to customize error handling behavior at chat provider
Thanks for sharing the code publicly. May I know the code released under what license?
Appreciate if you could add a LICENSE file to the repo.
Thanks.
Please Assign this issue to me , i will update this. I will convert this to react-router-dom v6
caught Error: Cannot find module 'react/jsx-runtime'
at webpackMissingModule (bundle.js:125881:50)
at ./node_modules/@chakra-ui/system/dist/chunk-3ZTTLJBV.mjs (bundle.js:125881:142)
at options.factory (bundle.js:138555:31)
at webpack_require (bundle.js:137944:33)
at fn (bundle.js:138212:21)
at ./node_modules/@chakra-ui/tabs/dist/chakra-ui-tabs.esm.js (bundle.js:27729:76)
at options.factory (bundle.js:138555:31)
at webpack_require (bundle.js:137944:33)
at fn (bundle.js:138212:21)
at ./src/Pages/Homepage.js (bundle.js:325:74) @piyush-eon
In UserListItem file you are passing the current user through Context API. So when we render the List component the current user data will show. To show the data of other users you need to pass 'user' in the function.
server can't be connected issue
It would be easier to make changes to this clone i people know about the erd of the app; i am currently creating one might create a pr and add it to the readme
i've followed this course till "Building Chats Page UI - MERN Stack Chat App with Socket.IO #11" This video 8th minute But when we add ChatProvider im not able to see anything on screen and it's showing "You need to enable JavaScript to run this app." in network. But when i tried accessing other pages it's working properly Javascript is enabled and if i remove the Chatprovider javascript will work. Only when i add the ChatProvider im getting the issue. Please help...Thanks in advance and Thanks for this wonderful course
I cloned the repo and set up my own Mongodb Atlas database and registered two users in the same. Now I want to make a chat room for these two users.
But when I logged into one of the users, and tried to search for the other registered user from the search input field, I could only see the profile of the current registered user(that is, the person who is logged in). The other user is not coming in the search results.
For example,
There are two persons:
Name: PersonA Email: [email protected]
Name: PersonB Email: [email protected]
Now I have logged in with [email protected] and I tried to search PersonB in the search bar. But the problem is I could not find PersonB. Instead I found PersonA in the search results. Is there something am I missing?
Hi can anyone help me regarding this issue. When testing sendMessage (/api/chat) getting bad request in postname and in terminal getting error as UserId param not sent with request. Please help me out on this.
./node_modules/@chakra-ui/system/dist/chunk-3ZTTLJBV.mjs
Can't import the named export 'Global' from non EcmaScript module (only default export is available)
The hosted link is not working
when i try updating name of the group chat(renaming of group) it says fetchagain is not a function
const handleRename = async () => {
if (!groupChatName) return;
try {
setrenameLoading(true);
const config = {
headers: {
Authorization: `Bearer ${user.token}`
}
};
console.log("renamet to "+groupChatName);
var variable={
"chatId": selectedChat._id,
"name": groupChatName
}
console.log("details to rename "+JSON.stringify(variable));
const { data } = await axios.put("/api/chat/rename", {
chatId: selectedChat._id,
name: groupChatName
}, config);
console.log("Rename Success:", data);
setSelectedChat(data);
setFetchAgain(!fetchAgain);
setrenameLoading(false);
toast({
title: "done renaming",
status: "success",
duration: 5000,
isClosable: true,
position: "bottom",
});
} catch (error) {
console.log("error in renaming " + error);
toast({
title: "error in renaming",
status: "error",
duration: 5000,
isClosable: true,
position: "bottom",
});
setrenameLoading(false);
}
setgroupChatName("");
};
where is the problem ,have any one fixed this yet?
@piyush-eon , I noticed there are 2 different endpoints to add user and to remove user from group chat. This also can be done using single endpoint. Please let me fix this by assigning this issue to me.
just on package.json script start remove the "--openssl-legacy-provider" and your app runs well. solution via Freelancer @evilDuffer
A declarative, efficient, and flexible JavaScript library for building user interfaces.
๐ Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
The Web framework for perfectionists with deadlines.
A PHP framework for web artisans
Bring data to life with SVG, Canvas and HTML. ๐๐๐
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Some thing interesting about web. New door for the world.
A server is a program made to process requests and deliver data to clients.
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Some thing interesting about visualization, use data art
Some thing interesting about game, make everyone happy.
We are working to build community through open source technology. NB: members must have two-factor auth.
Open source projects and samples from Microsoft.
Google โค๏ธ Open Source for everyone.
Alibaba Open Source for everyone
Data-Driven Documents codes.
China tencent open source team.