Hey! Writing this comment just for your convenience. When you start tutorial, create two folders in your working directory: 1-frontend 2-backend And in your terminal cd ./frontend and complete the first part of the tutorial in that folder (until 01:35:10) and after that part I will update to the same folder structure by creating the backend and frontend folders in the tutorial You don't have to do this, but I highly recommend you to do so because that's the folder structure we will be using until the end of the project. Also, later in the video we use a website for Chakra Templates and they have updated the url. Here is the updated one: chakra-templates.vercel.app/ Other than these everything is working properly as shown in the video. This is a really long course feel free to speed it up (1.5-2 etc.) Thanks for watching ❤
Hi I’m getting {invalid signature , string to sign } something error when I try to upload pic on cloudinary , have same code as yours , still not working 🥲🥲
Can you guys please help me i have downloaded the zip file and successfully done the frontend setup but i am not able to do backend setup when i am doing npm i and then npm run server i am getting this error PS C:\threads-clone-master\backend> npm run server npm ERR! Missing script: "server" npm ERR! npm ERR! To see a list of scripts, run: npm ERR! npm run npm ERR! A complete log of this run can be found in: C:\Users\abc\AppData\Local pm-cache\_logs\2024-07-17T03_10_05_027Z-debug-0.log Can someone please tell me how to do backend setups
You have no idea how happy I was to see this upload. Just discovered your channel and am about to finish your Chat App tutorial and I've learned a lot! More power to you man.
Every UA-camr makes same clone, what will make it standout is adding rich text editor with mentions and hashtags working, suggestion algorithm, retweet , and making proper thread multiple post in a single post, max img allowed 4 and text length, other person can repost your post , Now these features will make it standout, kindly make part 2
if you want to level up your skills try to do by yourself, he is just teaching you the basics, now its your turn to add new features on your own, that's how you will learn
hey bro your teaching method is good so thanks but i have a request for you please build a project like video call , meet , zoom one project on webRTC thanks for your attention
to tell the truth this is what i have been waiting for ....your an answered prayer ....all that i was longing to get you have done cant wait to religiously follow up to the very end i will share with you what i have built along the way
3:34:59 Atom Setup 3:40:00 API Setup 3:48:20 Logic for storing user data in local storage 3:50:00 Create User Atom 3:51:17 Protected Routes 3:54:14 Logout Logic 3:57:31 dynamic toast 4:04:00 Login Logic 4:12:16 update profile 4:18:53 file input 4:19:40 actual file 4:21:00 preview Img 4:25:00. Base 64 4:34:00 complete update profile 4:42:57 follow/ unfollow 4:43:43 user Header and props 4:47:40 callback for toast dependency error 4:52:00 user own profile 4:54:00 follow/unfollow ui 4:58:00 add user Id pop and push 5:01:38. Create Post Add all timestamps when complete tutorial.❤
The difference between this channel and others, this dude is creating Advanced apps with simplified codes, thanx dude :) i'm happy that i discovered your channel
Hello, I have a small suggestion for the next video onwards please increase the font size so we can see clearly, and we also don't want to strain on focus I hope you will consider this as advice. Best of luck to your coming video 👍👍
Thanks bro. Please make a video on advanced filtering using many parameters for e-commerce. Unfortunately there is nothing good on this topic on UA-cam.
First, I want to thank you for the effort you put into creating these videos. They're incredibly helpful! I have a small suggestion: Please increase the font size in your videos. As most of your viewers are learners, many of us likely have a single computer. The current font size makes it hard to watch and code along when splitting the screen between UA-cam and our code editor. I hope you understand. Thanks again for all your hard work!
Thanks a lot for the great video… Please consider creating a short tutorial on implementing live updates (real time) notifications for a very simple social media functionality like (some liked your post). Simple app the aim of which is to show how to implement notifications (not chat app) in Nextjs 14 with the server actions. TS optional but preferable! 😅
@@pb26812 isntall cross-env via powershell(admin) I didnt do this project but after that your code should look like this "dev": "cross-env NODE_ENV=development nodemon backend/server.js", "build": "npm install && npm install --prefix frontend && npm run build --prefix frontend", "start": "cross-env NODE_ENV=production node backend/server.js"
@@asaprogrammer_ hi bro... have completed this project ?? i am getting an issue in update profile pic ...whenever i am uploading i am getting an error Uncaught Error: Objects are not valid as a React child (found: [object Error]). If you meant to render a collection of children, use an array instead. code: const handleSubmit = async (e) => { e.preventDefault(); try { //Fetch Update Profile Api const res = await fetch(`/api/users/update/${user._id}`, { method: "PUT", headers: { "Content-Type": "application/json", }, body: JSON.stringify({ ...inputs, profilePic: imgUrl }), }); const data = await res.json(); console.log(data); } catch (error) { showToast("Error", error, "error"); console.log(error); } }; please help : call or msg 9801158927
**Building and Deploying a MERN Full-Stack Social Media Application with Real-Time Chat** **Setting Up the Project** 00:01 - 02:12: Initial setup and overview 02:12 - 09:01: Setting up Chakra UI, color themes, and routes 09:01 - 21:43: Creating and styling components, images, and layout using Chakra UI **Implementing Features** 21:43 - 29:23: Implementing layout, styling, and transitions 29:23 - 36:51: Handling URLs, debugging, and resolving issues 36:51 - 55:02: Building and styling components such as headers, posts, and replies 55:02 - 1:17:08: Implementing post interactions like like/unlike, and actions on the post page **Backend Development** 1:17:08 - 1:45:53: Setting up backend with Node.js, Express, MongoDB, user authentication, and JWT tokens 1:45:53 - 2:12:04: Implementing user routes, user data handling, and JWT authentication 2:12:04 - 2:35:53: Updating user profiles, follow/unfollow functionality, and securing user data **Handling Posts** 2:35:53 - 3:05:09: Post creation, deletion, authorization, and like functionality 3:05:09 - 3:17:12: Replying to posts and fetching feed posts **Frontend and Global State Management** 3:17:12 - 3:54:04: Setting up frontend authentication pages, Recoil for state management, and toast notifications 3:54:04 - 4:22:51: Updating profile information, image upload with Cloudinary, and handling form submissions **User Profiles and Interactions** 4:22:51 - 4:57:22: Fetching user data, managing follow/unfollow actions, and client-side routing with React Router 4:57:22 - 5:18:45: Implementing loading states, post character limits, and optimizing performance **Chat Functionality** 5:18:45 - 5:57:11: Setting up chat interface, message input, and user interactions 5:57:11 - 6:36:59: Real-time chat functionality, sending messages, and updating conversations **Socket.io and Real-Time Updates** 6:36:59 - 7:03:32: Setting up WebSockets with Socket.io, handling user connections, and implementing real-time updates 7:03:32 - 7:43:20: Handling message status, online status, and error responses 7:43:20 - 8:03:33: Fetching conversations, rendering messages, and real-time interactions **Image and Media Handling** 8:03:33 - 8:36:35: Implementing image upload, previews, and real-time updates for images 8:36:35 - 9:08:35: Fetching and displaying user profile pictures and post data 9:08:35 - 9:50:51: Troubleshooting, adding mock data, and setting up WebSocket for real-time communication **Advanced Features and Deployment** 9:50:51 - 10:47:24: Real-time message seen functionality, updating database, and backend logic 10:47:24 - 11:47:33: Implementing Flexbox styling, message scrolling, and database schema for chat 11:47:33 - 12:27:08: Finalizing chat functionality, managing online users, and Socket.io integration **Deployment and Testing** 12:27:08 - 12:27:08: Testing, deploying to production, and pushing changes to GitHub 12:20:44 - 12:27:08: Implementing scheduled tasks and configuring for real-time chat
Hello brother, love your videos. I'm trying to learn Microservices in the mern stack but i can't find tutorials in English, if you have knowledge of microservices backend, i would love to see your course
thank you so much for this video, thanks for your hard work. Can i please something?, it would be really fantastic if you add notification when someone likes the post , follow you or something like that.
Can you guys please help me i have downloaded the zip file and successfully done the frontend setup but i am not able to do backend setup when i am doing npm i and then npm run server i am getting this error PS C:\threads-clone-master\backend> npm run server npm ERR! Missing script: "server" npm ERR! npm ERR! To see a list of scripts, run: npm ERR! npm run npm ERR! A complete log of this run can be found in: C:\Users\abc\AppData\Local pm-cache\_logs\2024-07-17T03_10_05_027Z-debug-0.log Can someone please tell me how to do backend setups
Hi bro, could you make a deployment on vercel, because it's faster, doesn't take that initial delay, but the issue is that I cannot access the backend with my monorepo deployed on vercel
It would not work on Vercel because we're using socket and Vercel is serverless. To be able to get rid of that delay please watch the last part of the video: Cron jobs
@@asaprogrammer_ I tried using Vercel for a test project assignment, and I wouldn't have been able to complete the project without your chat app tutorial. Thank you very much, sir. Please continue making these videos
I recently completed your project man, its damn awsm, but there is many bugs in your project, there is some features are not available as you show in your video, notification sound is not work, you'll get your messages after refresh the website, seen and unseen features are not work, there are no search features.
Very informative tutorial. I have already used Cloudinary in one project, can I use the same cloud name, secret, key credentials, or is there anything like I have to create separate ones for this project?
How do you put this in Github from the start? I'm trying to make it from the start by creating a repository connecting it to it via Git Bash and when I open it through Git's open code, it doesn't show
hey bro may you help me to run this application from github to my computer may be you may give me a full guide if it is possible please because i wanna add it my own thing and using in school project and thanks for your tutorial first of all
Hi can you create a hostel application management web app to track students where they are,and note the attendance of students according to room No and download data of attendance for each day
@asaprogrammer Great tutorial. I have tried to implement this but even after multiple tries, I am not able to update the conversations in real time when "no conversation" is selected upon selecting any conversation the code works fine, which i guess is the case in your code as well. Please can you or anyone look into this as I would really like to work on this project.
'NODE_ENV' is not recognized as an internal or external command, operable program or batch file. how can i solve this error pleeeeeeeseeeeeeeeee helpppppppppppppppppppppppppppppppppppppppp
@asaprogrammer_ why profile pic can't be uploaded with more than 85kb file image? throwing this error : Uncaught Error: Objects are not valid as a React child (found: [object Error]). If you meant to render a collection of children, use an array instead.
Just to keep it as beginner friendly as possible.🙂Feel free to select the Typescript option when you initialize the project if you feel comfortable with it 🤞
I don't know I am getting this error : 'NODE_ENV' is not recognized as an internal or external command, operable program or batch file. Can Somebody Tell me Why I am getting that. I made env as well for the node Still
npm start > backend@1.0.0 start > NODE_ENV=production node backend/server.js 'NODE_ENV' is not recognized as an internal or external command, operable program or batch file. I'm having this issue even after copying "scripts": { "dev": "NODE_ENV=development nodemon backend/server.js", "start": "NODE_ENV=production node backend/server.js", "build": "npm install && npm install --prefix frontend && npm run build --prefix frontend" }, from the creator's repo. Can anyone give any suggestion please?
@@moonchild_아포방포 where should i write these "dev": "cross-env NODE_ENV=development nodemon backend/server.js", "start": "cross-env NODE_ENV=production node backend/server.js",
Hey! Writing this comment just for your convenience. When you start tutorial, create two folders in your working directory:
1-frontend
2-backend
And in your terminal cd ./frontend and complete the first part of the tutorial in that folder (until 01:35:10) and after that part I will update to the same folder structure by creating the backend and frontend folders in the tutorial
You don't have to do this, but I highly recommend you to do so because that's the folder structure we will be using until the end of the project.
Also, later in the video we use a website for Chakra Templates and they have updated the url. Here is the updated one: chakra-templates.vercel.app/
Other than these everything is working properly as shown in the video.
This is a really long course feel free to speed it up (1.5-2 etc.)
Thanks for watching ❤
please make a google meet like application using mearn stack
Hi I’m getting {invalid signature , string to sign } something error when I try to upload pic on cloudinary , have same code as yours , still not working 🥲🥲
@asaprogrammer_ can you help me?
Can you guys please help me i have downloaded the zip file and successfully done the frontend setup but i am not able to do backend setup when i am doing npm i and then npm run server i am getting this error
PS C:\threads-clone-master\backend> npm run server
npm ERR! Missing script: "server"
npm ERR!
npm ERR! To see a list of scripts, run:
npm ERR! npm run
npm ERR! A complete log of this run can be found in: C:\Users\abc\AppData\Local
pm-cache\_logs\2024-07-17T03_10_05_027Z-debug-0.log
Can someone please tell me how to do backend setups
Package Jason me script add server pr start ki ya nodemon ki may bi it's working phir shaid@@mansisinha6939
You have no idea how happy I was to see this upload. Just discovered your channel and am about to finish your Chat App tutorial and I've learned a lot! More power to you man.
Glad you liked both of the videos🙂
Every UA-camr makes same clone, what will make it standout is adding rich text editor with mentions and hashtags working, suggestion algorithm, retweet , and making proper thread multiple post in a single post, max img allowed 4 and text length, other person can repost your post ,
Now these features will make it standout, kindly make part 2
if you want to level up your skills try to do by yourself, he is just teaching you the basics, now its your turn to add new features on your own, that's how you will learn
do it your own
Starting from tomorrow, and also add my features
@@samshrestha7101 bro then why make same type of video ? its not adding value ? we already have same courses, youtube is only for juniors ?
@@1Lll_llllllLLLLllllll_llL1 hahaha you are a joke man
hey bro your teaching method is good so thanks but i have a request for you please build a project like video call , meet , zoom one project on webRTC thanks for your attention
to tell the truth this is what i have been waiting for ....your an answered prayer ....all that i was longing to get you have done cant wait to religiously follow up to the very end i will share with you what i have built along the way
3:34:59 Atom Setup
3:40:00 API Setup
3:48:20 Logic for storing user data in local storage
3:50:00 Create User Atom
3:51:17 Protected Routes
3:54:14 Logout Logic
3:57:31 dynamic toast
4:04:00 Login Logic
4:12:16 update profile
4:18:53 file input
4:19:40 actual file
4:21:00 preview Img
4:25:00. Base 64
4:34:00 complete update profile
4:42:57 follow/ unfollow
4:43:43 user Header and props
4:47:40 callback for toast dependency error
4:52:00 user own profile
4:54:00 follow/unfollow ui
4:58:00 add user Id pop and push
5:01:38. Create Post
Add all timestamps when complete tutorial.❤
the best project i have ever seen on mern loved the tutorial
Enjoy 🎉
The difference between this channel and others, this dude is creating Advanced apps with simplified codes, thanx dude :) i'm happy that i discovered your channel
Thank you ❤️
seen so many videos on youtube. But the content you provide is outstanding.Everything so clear and understanding
This is really the best tutorial in the whole world, thank you very much ❤
You're very welcome!
Hello, I have a small suggestion for the next video onwards please increase the font size so we can see clearly, and we also don't want to strain on focus I hope you will consider this as advice. Best of luck to your coming video
👍👍
Thanks bro. Please make a video on advanced filtering using many parameters for e-commerce. Unfortunately there is nothing good on this topic on UA-cam.
First, I want to thank you for the effort you put into creating these videos. They're incredibly helpful!
I have a small suggestion: Please increase the font size in your videos. As most of your viewers are learners, many of us likely have a single computer. The current font size makes it hard to watch and code along when splitting the screen between UA-cam and our code editor. I hope you understand.
Thanks again for all your hard work!
Thanks a lot for the great video… Please consider creating a short tutorial on implementing live updates (real time) notifications for a very simple social media functionality like (some liked your post). Simple app the aim of which is to show how to implement notifications (not chat app) in Nextjs 14 with the server actions. TS optional but preferable! 😅
looks awesome by the way
Thank you! finally completed the series!!
Got to learn lots of new things!!
Kudos to you🥂🥂
'NODE_ENV' is not recognized as an internal or external command,
operable program or batch file. bro how can i solve this issue??? please help😐
@@pb26812 isntall cross-env via powershell(admin) I didnt do this project but after that your code should look like this
"dev": "cross-env NODE_ENV=development nodemon backend/server.js",
"build": "npm install && npm install --prefix frontend && npm run build --prefix frontend",
"start": "cross-env NODE_ENV=production node backend/server.js"
Really love your videos ❤, but please next time use next js and typescript for more projects
Great content sir !!! Absolutely amazing ..thanks for all the efforts,keep growing 🎉
just finished your chat app tutorial.Now I am eagerly waiting for video socket project. I hope you will not disappoint me
Thanks to you I'm enjoying the React a lot! I was stuck in learning phase for so long your videos have helped me a lot. Really thank you so much :]
I'm so happy to hear this! Enjoy 🙂
@@asaprogrammer_ hi bro... have completed this project ?? i am getting an issue in update profile pic ...whenever i am uploading i am getting an error
Uncaught Error: Objects are not valid as a React child (found: [object Error]). If you meant to render a collection of children, use an array instead.
code: const handleSubmit = async (e) => {
e.preventDefault();
try {
//Fetch Update Profile Api
const res = await fetch(`/api/users/update/${user._id}`, {
method: "PUT",
headers: {
"Content-Type": "application/json",
},
body: JSON.stringify({ ...inputs, profilePic: imgUrl }),
});
const data = await res.json();
console.log(data);
} catch (error) {
showToast("Error", error, "error");
console.log(error);
}
};
please help : call or msg 9801158927
Great work
Great Project 👌👌🔥, one thing would be added : typescript, than it would become great.
your explanation is damm good!! keep it up.
i am building a app in a hackathon for which i need some idea of social media app.
Thanks alot man.
**Building and Deploying a MERN Full-Stack Social Media Application with Real-Time Chat**
**Setting Up the Project**
00:01 - 02:12: Initial setup and overview
02:12 - 09:01: Setting up Chakra UI, color themes, and routes
09:01 - 21:43: Creating and styling components, images, and layout using Chakra UI
**Implementing Features**
21:43 - 29:23: Implementing layout, styling, and transitions
29:23 - 36:51: Handling URLs, debugging, and resolving issues
36:51 - 55:02: Building and styling components such as headers, posts, and replies
55:02 - 1:17:08: Implementing post interactions like like/unlike, and actions on the post page
**Backend Development**
1:17:08 - 1:45:53: Setting up backend with Node.js, Express, MongoDB, user authentication, and JWT tokens
1:45:53 - 2:12:04: Implementing user routes, user data handling, and JWT authentication
2:12:04 - 2:35:53: Updating user profiles, follow/unfollow functionality, and securing user data
**Handling Posts**
2:35:53 - 3:05:09: Post creation, deletion, authorization, and like functionality
3:05:09 - 3:17:12: Replying to posts and fetching feed posts
**Frontend and Global State Management**
3:17:12 - 3:54:04: Setting up frontend authentication pages, Recoil for state management, and toast notifications
3:54:04 - 4:22:51: Updating profile information, image upload with Cloudinary, and handling form submissions
**User Profiles and Interactions**
4:22:51 - 4:57:22: Fetching user data, managing follow/unfollow actions, and client-side routing with React Router
4:57:22 - 5:18:45: Implementing loading states, post character limits, and optimizing performance
**Chat Functionality**
5:18:45 - 5:57:11: Setting up chat interface, message input, and user interactions
5:57:11 - 6:36:59: Real-time chat functionality, sending messages, and updating conversations
**Socket.io and Real-Time Updates**
6:36:59 - 7:03:32: Setting up WebSockets with Socket.io, handling user connections, and implementing real-time updates
7:03:32 - 7:43:20: Handling message status, online status, and error responses
7:43:20 - 8:03:33: Fetching conversations, rendering messages, and real-time interactions
**Image and Media Handling**
8:03:33 - 8:36:35: Implementing image upload, previews, and real-time updates for images
8:36:35 - 9:08:35: Fetching and displaying user profile pictures and post data
9:08:35 - 9:50:51: Troubleshooting, adding mock data, and setting up WebSocket for real-time communication
**Advanced Features and Deployment**
9:50:51 - 10:47:24: Real-time message seen functionality, updating database, and backend logic
10:47:24 - 11:47:33: Implementing Flexbox styling, message scrolling, and database schema for chat
11:47:33 - 12:27:08: Finalizing chat functionality, managing online users, and Socket.io integration
**Deployment and Testing**
12:27:08 - 12:27:08: Testing, deploying to production, and pushing changes to GitHub
12:20:44 - 12:27:08: Implementing scheduled tasks and configuring for real-time chat
is this project have a login and sign up pages brother ? i dont really know cause i just coding from start til 2:10:00
Please make a full stack course explanating the concepts so that we can watch this video
Excellent work by you, we appreciate your work...
Excellent work by you sir,and appreciate your work...love much
GREAT WORK 😍😍
made the entire project, really good.
is the project working fine ????
@@simplify5251 yes
Brother please make also for react native with node js please
Yes , Would really love that
Nice! 🎉🎉
Awesome project Sir . MERN stack e-commerce app tutorial please
Hello brother, love your videos. I'm trying to learn Microservices in the mern stack but i can't find tutorials in English, if you have knowledge of microservices backend, i would love to see your course
Such an amazing tutorial!!!!
thank you so much for this video, thanks for your hard work. Can i please something?, it would be really fantastic if you add notification when someone likes the post , follow you or something like that.
You're welcome. After completing the tutorial you will be able to add it by yourself 🙂
I am very happy because you are the best to learn so i will suggest u to develop other types or kind of project like e-commerce e-learning
I think we should set the token in cookies after login not after signup. 2:14:30
Nice efforts brother ❤ but one problem when ever we update our user name then we can set out username that already exists that is problematic
next part 3 request 🥰
Damn Awesome Tutorial.Thanks for this video.
hey bro hi. It is amazing project. Please build some react native app & projects it will be great 👍👍👍👍
Thanks for the amazing tutorial
Can you guys please help me i have downloaded the zip file and successfully done the frontend setup but i am not able to do backend setup when i am doing npm i and then npm run server i am getting this error
PS C:\threads-clone-master\backend> npm run server
npm ERR! Missing script: "server"
npm ERR!
npm ERR! To see a list of scripts, run:
npm ERR! npm run
npm ERR! A complete log of this run can be found in: C:\Users\abc\AppData\Local
pm-cache\_logs\2024-07-17T03_10_05_027Z-debug-0.log
Can someone please tell me how to do backend setups
you can also write some error utility to handle error
Hi bro, could you make a deployment on vercel, because it's faster, doesn't take that initial delay, but the issue is that I cannot access the backend with my monorepo deployed on vercel
It would not work on Vercel because we're using socket and Vercel is serverless. To be able to get rid of that delay please watch the last part of the video: Cron jobs
@@asaprogrammer_ I tried using Vercel for a test project assignment, and I wouldn't have been able to complete the project without your chat app tutorial. Thank you very much, sir. Please continue making these videos
What a video sirrr
wow you're amazing teacher
I recently completed your project man, its damn awsm, but there is many bugs in your project, there is some features are not available as you show in your video, notification sound is not work, you'll get your messages after refresh the website, seen and unseen features are not work, there are no search features.
Good job!
Very informative tutorial. I have already used Cloudinary in one project, can I use the same cloud name, secret, key credentials, or is there anything like I have to create separate ones for this project?
Yes, you can
words gone😱😱
starting from today hope it will help me alot >>
How did it go? Did u deploy it?
@@SwastikMohanty-rq6qn bro just go for it ... its really easy to understand and friendly .. yeah deployed already ..
we want more nextjs projects sir like uber clone food ordering app e commerce in nextjs
How do you put this in Github from the start? I'm trying to make it from the start by creating a repository connecting it to it via Git Bash and when I open it through Git's open code, it doesn't show
Bro you finished Fully and deployment
why did you not complete this project with post sharing feature?
i am not getting suggestion of chakra ui in vs code anyone else facing this. this is very frustrating.
Reloading the VSCode should fix it
@@asaprogrammer_please use tailwind CSS, tailwind is easy to understand for more
I'm also facing this issue lately. If you find the fix, can you please share it?
@@moonchild_아포방포 can u please provide the working link of this project !
self reminder 5:39:00 to whole feed part, watch later
hey bro may you help me to run this application from github to my computer may be you may give me a full guide if it is possible please because i wanna add it my own thing and using in school project and thanks for your tutorial first of all
did you find a way to do so ?
Can you help me with all the extensions that you use?
what is the techstack for this project?
❤❤❤❤
çok iyi video mern stack e ticaret sitesi yaparmısın
How ar the suggested users displayed?
Using any algorithm or Random?
after deleting the light from application 12:00 when i refresh it again became light rather than dark
Can I do it with next-14?
I'm afraid to face an issue in the middle of this ccourse
❤
Make a separate tutorial on react recoil please
Hi can you create a hostel application management web app to track students where they are,and note the attendance of students according to room No and download data of attendance for each day
hostel tracking wherever students go..thats kinda tooo much dont u think💀
bro i use recoiljs in my project but it is not persist show nothing after manual refresh
i have done the same project in web
@asaprogrammer Great tutorial. I have tried to implement this but even after multiple tries, I am not able to update the conversations in real time when "no conversation" is selected upon selecting any conversation the code works fine, which i guess is the case in your code as well. Please can you or anyone look into this as I would really like to work on this project.
Hello sir, I have an error , I did not upload images on cloudinary
does it have an admin panel? I want it for my project and they ask for an admin panel. Plz reply bro. Love ya ❤❤❤❤
please tell me node version of backend and frontend??
Please sir in next projects use tailwind CSS. For styling
+1
so how long do i need to study to be able to make these too, or i'm dull
Just study 24/7 bro.
Error: Loading PostCSS Plugin failed: Cannot find module 'tailwindcss'
'NODE_ENV' is not recognized as an internal or external command,
operable program or batch file. how can i solve this error pleeeeeeeseeeeeeeeee helpppppppppppppppppppppppppppppppppppppppp
try searchin on stackoverflow
Same problem 😢
just add set and put && in mid
{
"name": "backend",
"version": "1.0.0",
"description": "",
"main": "server.js",
"scripts": {
"dev": "set NODE_ENV=development&& nodemon backend/server.js",
"start": "set NODE_ENV=production&& node backend/server.js",
"build": "npm install && npm install --prefix frontend && npm run build --prefix frontend"
},
"type": "module",
"keywords": [],
"author": "",
"license": "ISC",
"dependencies": {
"bcryptjs": "^2.4.3",
"cloudinary": "^1.40.0",
"cookie-parser": "^1.4.6",
"cron": "^3.1.6",
"dotenv": "^16.3.1",
"express": "^4.18.2",
"jsonwebtoken": "^9.0.1",
"mongoose": "^7.4.0",
"socket.io": "^4.7.2"
},
"devDependencies": {
"nodemon": "^3.0.1"
}
}
TRY THIS
@@ArunPravin-os7kp
{
"name": "backend",
"version": "1.0.0",
"description": "",
"main": "server.js",
"scripts": {
"dev": "set NODE_ENV=development&& nodemon backend/server.js",
"start": "set NODE_ENV=production&& node backend/server.js",
"build": "npm install && npm install --prefix frontend && npm run build --prefix frontend"
},
"type": "module",
"keywords": [],
"author": "",
"license": "ISC",
"dependencies": {
"bcryptjs": "^2.4.3",
"cloudinary": "^1.40.0",
"cookie-parser": "^1.4.6",
"cron": "^3.1.6",
"dotenv": "^16.3.1",
"express": "^4.18.2",
"jsonwebtoken": "^9.0.1",
"mongoose": "^7.4.0",
"socket.io": "^4.7.2"
},
"devDependencies": {
"nodemon": "^3.0.1"
}
}
TRY THIS
Could someone please explain me Why are we doing ?
if(loading) return true;
Can anyone help me i have one error pls
Is this beginner friendly?
@asaprogrammer_ why profile pic can't be uploaded with more than 85kb file image? throwing this error :
Uncaught Error: Objects are not valid as a React child (found: [object Error]). If you meant to render a collection of children, use an array instead.
Bro same problem 60kb work it was uploaded but 100kb image not send to because error:payload too large error
necause thats the limit for free signup u hv to upgrade
@@lillyput2275 express.json({limit:5mb}) in middle
Why did you prefer javascript in React? Actually you could have used typescript
Just to keep it as beginner friendly as possible.🙂Feel free to select the Typescript option when you initialize the project if you feel comfortable with it 🤞
@@asaprogrammer_ Would you consider making a video professionally ?
try to use daisy ui or material ui . why you use chakra
project was not completed
I understanded your pain i completed fully but deploy is unsuccessful
I understanded your pain i completed fully but deploy is unsuccessful
more function class need
My application is working fine for some users and for some users, when I login, it is showing me error, can someone please help me out with this error
What kind of error did you actually get?
@@anujnirmal6200 It is showing me error "Error: Minified React error #31"
can you share the url of this app to use it.
I am getting build error in deployment, how do i fix it? "Exited with status 254 while building your code." I have followed all steps in the tutorial
Have u completed it ,I need help I stuck in last part
I'm also getting error...
Can you explain what is your error...?
@@zohaibakhtar395 in rendring messages,whats yours?
Did somebody solve it?
I don't know I am getting this error : 'NODE_ENV' is not recognized as an internal or external command,
operable program or batch file. Can Somebody Tell me Why I am getting that. I made env as well for the node Still
is ur issue solveed now ?
bro i got same error how can i solve did you solve? please help me out
This is amazing ...
Sir there are some bugs while running your code, Kindly update them
you did not write api for verify profile user
also add suggested user algorithm
😍😍😍😍😍😍😍😍😍😍😍😍😍😍😍😍
i want a whatsapp clone with video call feachers
npm start
> backend@1.0.0 start
> NODE_ENV=production node backend/server.js
'NODE_ENV' is not recognized as an internal or external command,
operable program or batch file.
I'm having this issue even after copying
"scripts": {
"dev": "NODE_ENV=development nodemon backend/server.js",
"start": "NODE_ENV=production node backend/server.js",
"build": "npm install && npm install --prefix frontend && npm run build --prefix frontend"
},
from the creator's repo. Can anyone give any suggestion please?
npm install cross-env --save-dev
"dev": "cross-env NODE_ENV=development nodemon backend/server.js",
"start": "cross-env NODE_ENV=production node backend/server.js",
@@moonchild_아포방포 where should i write these
"dev": "cross-env NODE_ENV=development nodemon backend/server.js",
"start": "cross-env NODE_ENV=production node backend/server.js",
@@moonchild_아포방포👍👍🙏
@@moonchild_아포방포 working
@@moonchild_아포방포 what is your what's app number
Hi on 00:56:33 the file on the github repository is not the same anymore and i cannot conitue the project please help
import { Flex } from "@chakra-ui/react";
const Actions = ({ liked, setLiked }) => {
return (
e.preventDefault()}>
setLiked(!liked)}
>
Comment
);
};
export default Actions;
const RepostSVG = () => {
return (
Repost
);
};
const ShareSVG = () => {
return (
Share
);
};
now continue brother
did you manage to complete the project ?
@@SwarnShekhar-g9t yes
@@deagleforlife7120Can you please share the working link of your project
@@ektuhaso Thankyou bro it helped me as well to continue with the project
4:26:00
brother also make react native for this😢
3:49:28
What is the application at 2:08:11?
Postman ,u can also use any other api testerrs