00:04 Build a full stack threads clone with authentication and authorization 02:25 The application allows users to reply to posts, delete posts, and update their profile information. 07:09 Setting up Chakra UI and implementing Chakra Provider 09:39 Create a function to handle color mode in Chakra UI theme tools 14:50 Wrap the application inside a container with a max width of 620 pixels. 17:36 Delete unnecessary files and add required images to the public folder 22:13 Create a user header component with flex layout for displaying user information. 24:40 Create user profile layout with avatar and text 29:59 Build a right-hand side with a box and an icon. 32:34 Add hover effect to icon container 37:25 Copy the current URL using the copy link functionality 39:49 Fixed a bug by importing Provider from react instead of using this 44:58 Create a link for user posts 47:28 Create a Flex layout with Chakra UI 52:42 Create a top section with text and image 55:20 Create a component for actions or logos using SVGs 1:00:13 Changing the state of a heart icon with a click event 1:02:43 The post will have duplicate content with the same likes and replies count but different post images 1:07:45 Learn how to make a profile picture smaller on different screen sizes 1:09:57 Responsiveness can be implemented in various props 1:14:45 The design elements of the user page and post page include icons, text, images, and actions. 1:17:25 Create a gray light circle box with like count 1:22:17 Create a layout with two Flex components 1:24:37 Create a comment component with actions and likes count. 1:29:46 Front end built for social media application, now building the back end 1:32:12 This video demonstrates the functionalities and endpoints for creating and updating user profiles. 1:36:46 Created back end folder and installed dependencies 1:39:02 Use nodeman to automatically refresh the server when changes are made 1:43:46 Set up database connection and create empty user collection 1:46:03 Connect to the database using Mongoose. 1:50:38 User profile fields 1:53:03 Create user and post models in Mongoose 1:58:02 Create middlewares using Express.js 2:00:30 Create a user routes file to handle different API endpoints 2:05:41 Middleware express.json allows parsing of data from request.body 2:08:09 Creating a new user in the database and sending a response 2:12:50 Generate a JWT token and set it as a cookie quickly. 2:15:13 The text discusses CSRF attacks and the importance of protecting against them. 2:20:13 Invalid username or password error 2:22:31 Successfully logged out user. 2:27:09 Add middleware to protect routes 2:29:31 Create middleware to protect routes and authenticate users using JWT token. 2:34:28 Updating user array: removing and adding IDs 2:36:54 Test account creation and following functionality 2:42:12 Password is hashed before saving 2:44:42 You cannot update other users' profiles 2:49:19 Fetch user by username and handle errors 2:51:44 Created a server.js file and implemented database connection and middleware setup 2:56:27 The function can create a post with 'posted by', 'text', and 'image' fields. 2:58:55 Unauthorized to create a post for someone else 3:03:58 Create a route to delete a post 3:06:22 Users can delete their own posts 3:11:21 Handle post likes and unlikes 3:13:59 Likes functionality added with ability to like and unlike a post 3:18:37 A reply is added to a post in the database 3:21:00 Create an API endpoint for retrieving feed posts 3:25:52 The project involves creating a front-end and back-end application. 3:28:14 Chakra UI forms template 3:33:06 Modify authentication page design and implement sign up and login forms. 3:35:28 Recoil is used to manage state in React 3:40:21 Implement sign up functionality 3:42:47 To sign up, make a POST request to /API/users/signup 3:47:46 Update code for better readability 3:50:07 Successfully sign up and store user object in local storage 3:55:17 Implement a custom hook for showing toast notifications 3:57:54 Create a custom hook for displaying toast messages 4:02:51 Handle catch in sign up and login 4:05:34 Handle authentication and store user data 4:10:08 Copy and paste user profile edit card to update profile page 4:12:21 Updated layout and added new fields 4:16:49 The console is showing the user's biography and profile picture even though they were not set 4:19:05 Create an input file 4:23:44 Check if selected file is an image and display it in the user interface 4:26:15 Store and render profile pictures using cloudinary 4:30:54 Upload a profile picture and update it in the database. 4:33:19 Uploading profile picture and deleting the old one if it exists 4:38:04 The profile picture is updated successfully. 4:40:29 Update user profile successfully. 4:44:55 Implement fetching user data and rendering it on the page 4:47:14 Fixing the infinite loop error caused by missing dependency in useEffect 4:51:50 The profile picture and information of a user can be updated and displayed. 4:54:07 Implement follow functionality on profile page 4:58:43 Implementing follow/unfollow logic 5:00:56 Implemented functionality for loading state during API calls. 5:05:47 Create a model with overlay and content 5:08:09 Create a hidden file input and handle image change 5:13:04 Implement a close button to remove an image and handle the post creation 5:15:30 Set post tags and limit input text length. 5:20:13 Handle errors and upload images in create post function 5:22:44 Limit the payload size to 50 megabytes for sending data in the request body. 5:27:37 Clicking on the router link takes us to different pages. 5:30:07 Implement loading spinner in login page 5:34:54 Posts not showing on home page 5:37:17 Implement loading spinner and show posts in the home page 5:41:52 Fetch the user profile using either username or user ID 5:44:27 Fetch user based on ID or username 5:49:13 Handle profile picture and username display on the home page 5:51:32 To show posts and user profile pictures, create a post and check if it has replies 5:56:38 Optimizing the actions component for like and unlike functionality 5:59:01 Move icon layout to bottom and implement like functionality 6:03:24 Implementing a like/unlike feature for a post 6:05:42 Optimization: Check if 'isLiking' is true before running the function 6:10:21 Add reply functionality to the model 6:12:44 Reply feature successfully added to the post controller. 6:17:26 Error reading properties of undefined in user page components. 6:19:31 Implement fetching and displaying posts 6:24:02 Fixing errors and improving component functionality 6:26:21 Add a delete icon inside the post component 6:30:59 The function deletes a post and associated image. 6:33:09 The UI doesn't update after a post is deleted, but refreshing will show the change. 6:37:40 Retrieve user profile data and display it on different pages 6:40:03 Fetch post data and handle errors 6:44:40 Delete icon added to post 6:47:01 The code is being modified to navigate between pages and show replies to a post. 6:51:32 Fix the issue where deleted posts need to be manually refreshed 6:53:36 Implement a global atom post to store and update post data 6:57:49 Implement Recoil State for managing posts 7:00:09 Fix the issue where newly created posts are not immediately shown in the UI 7:04:36 Optimizing the solution 7:06:55 The new reply is added to the post. 7:11:35 Fixing array errors and improving user interface 7:13:48 Add logout functionality to the header button. 7:18:27 Update login and sign up links to direct to authentication page 7:20:40 Fixing flickering effect and updating user profile 7:25:05 Update user profile picture and username on all replies 7:27:28 Profile picture successfully updated
Phenomenal job, watched about dozen videos about MERN, Studied React and Node.js and was not able to write a single code together, after watching your video start to understand how things works, Thanks!
Man, the way you explain is so easy and understandable! I finally got a good project that is suitable for beginners and not outdated because YT is full of completely outdated tutorials. I have finished creating the REST API and hope to complete this awesome project this week. THANKS! By the way, please enable your "Thanks" option, many people would love to chip in.
Just ended the login and sign up section, and i learned a lot of things, i am really excited to go further, lol i can't imagine im gonna put a chatting functionality in this app.
Finally, a tutorial that uses mongodb reference property instead of embedding. I've always wanted to know how the rest API would be and this video just did that. I'm super appreciative and you just gained a subscriber ❤️
It's amazing, your teaching style and smooth explaination are awesome. Thanks for the video. Could you please make a video only on React.js Basics to advances concepts?
Harika bir calisma olmus. You gained yourself another subscriber :) One small thing that could bother audience is noise which comes from your keystrokes.
@@asaprogrammer_ as I said it might bothers some fellas but not me i could follow along your explanations properly. You might as well can look up your microphone settings if there is any noise cancelletion options by chance. One quick question.. Is Chakra UI your personal preference or did you wanted to try something different instead of tailwind css for instance?
@@escobar441n It's easy to record tutorials with Chakra, most components are ready to use so we don't waste any time building the css part. Not only that, but I also like to use Chakra in general.
Really looking forward to watching this entire video, hopefully soon. I want to build something similar and will probably use alot of your code and ideas, I already know it even without watching the video yet. So thank you in advanced!
Can we get a tutorial on how to add videos to posts. I’ve been trying for a few days and watched other tutorials but I have no luck getting the video to render in the posts component
There's no part 2 😄Like , comment etc. functionalities are built in this video. I'm recording a new video to add real-time private chat messaging to this app.
Hey, hope you're doing good, actually I am on the verge of completing this project, but while dealing with the frontend part, in the Post.jsx file, dealing with date-fns library, I am facing this error, "Uncaught RangeError: Invalid time value". Could you please tell me how can I deal with this?
@@vikasbhardwaj9991 I was having the same issue, then I found out that it was occuring because the data I was getting from the response had some issue with destructuring. See if the format you are getting and using are the same or not
Hey, hope you're doing good, actually I am on the verge of completing this project, but while dealing with the frontend part, in the Post.jsx file, dealing with date-fns library, I am facing this error, "Uncaught RangeError: Invalid time value". Could you please tell me how can I deal with this?
I think you can follow the tutorial and the things that you can't really understand just ask it to gpt by saying explain me those lines, what they do etc. but if you have time watching a crash course on nodejs and express could help more
Cloudinary img url is not showing in the console when i am printing the console.log(data) while updating my profile. but the images are being uploaded in the cloudinary as i can see them in the media explorer of cloudinary.
Hey guys! Did anyone try to deploy the project to Vercel? I faced a problem with endless deploying stage with log 'Deploying outputs...' Could you please let me know some setting which missed?
Bro i can my frontend by using "npx create-react-app" cmd and after login or signup the cookie send send by the server but when i try to call a userProtected route the cookie value can't send with it, so i can't able to get the token in backend. But when try postman to check routes it's work correctly , now what should i do?
For this purpose you need to configure frontend and backend because Server isn't sending any cookies to your browser by default, In backend use app.use(cors(origin : frontend url, Credentials: true)) However in frontend apps Whenever you place an http request please use options withcredentials = true and baseUrl : backend url this will work fine when you use axios
Hey man I copied your source code and ran the app, but after logging in I dont have the option to follow anyone. Any solutions? I need this project for my resume
You might be missing some env variables, make sure to create a .env file in backend folder and add these: PORT = 5000 MONGO_URI = {put_your_key_here} JWT_SECRET={put_your_key_here} CLOUDINARY_CLOUD_NAME={put_your_key_here} CLOUDINARY_API_KEY={put_your_key_here} CLOUDINARY_API_SECRET={put_your_key_here} if the problem persists please ask in the discord. I'll try to answer there, and you can share some images as well.
iam so confused 2 hrs 4 mins in. You import userRoutes from userRoutes.js, but in userRoutes you just export router, so how are you importing userRoutes ? its saying its not defined for me. What am i missing ;(
@@asaprogrammer_ i even copied the code, and it keeps saying module not found. node:internal/errors:496 ErrorCaptureStackTrace(err); ^ Error [ERR_MODULE_NOT_FOUND]: Cannot find module 'C:\Users\Admin\Desktop\ThreadsClone\backend\controllers\userController' imported from C:\Users\Admin\Desktop\ThreadsClone\backend outes\userRoutes.js It was working fine before this part, and now I can't get it started again with userRoutes being imported. :-\ im not sure what to do, ive been staring at it for hours and its not making sense why it doesn't work, Just thought you might have an idea :( thanks anyways. Was enjoying the video atleast until now.
@@BrandonFunk When you import something from a local file don't forget to add .js at the end. Example: import { loginUser } from "../controllers/userController.js"; You're missing the file extension at the end. This is what error message says. If it still doesn't work, please share some images in discord server.
but you cannot reply to reply, or reshare like thread do, also emojis mentions hash all good things missing , not finding a single tutorial which is full fledged
00:04 Build a full stack threads clone with authentication and authorization
02:25 The application allows users to reply to posts, delete posts, and update their profile information.
07:09 Setting up Chakra UI and implementing Chakra Provider
09:39 Create a function to handle color mode in Chakra UI theme tools
14:50 Wrap the application inside a container with a max width of 620 pixels.
17:36 Delete unnecessary files and add required images to the public folder
22:13 Create a user header component with flex layout for displaying user information.
24:40 Create user profile layout with avatar and text
29:59 Build a right-hand side with a box and an icon.
32:34 Add hover effect to icon container
37:25 Copy the current URL using the copy link functionality
39:49 Fixed a bug by importing Provider from react instead of using this
44:58 Create a link for user posts
47:28 Create a Flex layout with Chakra UI
52:42 Create a top section with text and image
55:20 Create a component for actions or logos using SVGs
1:00:13 Changing the state of a heart icon with a click event
1:02:43 The post will have duplicate content with the same likes and replies count but different post images
1:07:45 Learn how to make a profile picture smaller on different screen sizes
1:09:57 Responsiveness can be implemented in various props
1:14:45 The design elements of the user page and post page include icons, text, images, and actions.
1:17:25 Create a gray light circle box with like count
1:22:17 Create a layout with two Flex components
1:24:37 Create a comment component with actions and likes count.
1:29:46 Front end built for social media application, now building the back end
1:32:12 This video demonstrates the functionalities and endpoints for creating and updating user profiles.
1:36:46 Created back end folder and installed dependencies
1:39:02 Use nodeman to automatically refresh the server when changes are made
1:43:46 Set up database connection and create empty user collection
1:46:03 Connect to the database using Mongoose.
1:50:38 User profile fields
1:53:03 Create user and post models in Mongoose
1:58:02 Create middlewares using Express.js
2:00:30 Create a user routes file to handle different API endpoints
2:05:41 Middleware express.json allows parsing of data from request.body
2:08:09 Creating a new user in the database and sending a response
2:12:50 Generate a JWT token and set it as a cookie quickly.
2:15:13 The text discusses CSRF attacks and the importance of protecting against them.
2:20:13 Invalid username or password error
2:22:31 Successfully logged out user.
2:27:09 Add middleware to protect routes
2:29:31 Create middleware to protect routes and authenticate users using JWT token.
2:34:28 Updating user array: removing and adding IDs
2:36:54 Test account creation and following functionality
2:42:12 Password is hashed before saving
2:44:42 You cannot update other users' profiles
2:49:19 Fetch user by username and handle errors
2:51:44 Created a server.js file and implemented database connection and middleware setup
2:56:27 The function can create a post with 'posted by', 'text', and 'image' fields.
2:58:55 Unauthorized to create a post for someone else
3:03:58 Create a route to delete a post
3:06:22 Users can delete their own posts
3:11:21 Handle post likes and unlikes
3:13:59 Likes functionality added with ability to like and unlike a post
3:18:37 A reply is added to a post in the database
3:21:00 Create an API endpoint for retrieving feed posts
3:25:52 The project involves creating a front-end and back-end application.
3:28:14 Chakra UI forms template
3:33:06 Modify authentication page design and implement sign up and login forms.
3:35:28 Recoil is used to manage state in React
3:40:21 Implement sign up functionality
3:42:47 To sign up, make a POST request to /API/users/signup
3:47:46 Update code for better readability
3:50:07 Successfully sign up and store user object in local storage
3:55:17 Implement a custom hook for showing toast notifications
3:57:54 Create a custom hook for displaying toast messages
4:02:51 Handle catch in sign up and login
4:05:34 Handle authentication and store user data
4:10:08 Copy and paste user profile edit card to update profile page
4:12:21 Updated layout and added new fields
4:16:49 The console is showing the user's biography and profile picture even though they were not set
4:19:05 Create an input file
4:23:44 Check if selected file is an image and display it in the user interface
4:26:15 Store and render profile pictures using cloudinary
4:30:54 Upload a profile picture and update it in the database.
4:33:19 Uploading profile picture and deleting the old one if it exists
4:38:04 The profile picture is updated successfully.
4:40:29 Update user profile successfully.
4:44:55 Implement fetching user data and rendering it on the page
4:47:14 Fixing the infinite loop error caused by missing dependency in useEffect
4:51:50 The profile picture and information of a user can be updated and displayed.
4:54:07 Implement follow functionality on profile page
4:58:43 Implementing follow/unfollow logic
5:00:56 Implemented functionality for loading state during API calls.
5:05:47 Create a model with overlay and content
5:08:09 Create a hidden file input and handle image change
5:13:04 Implement a close button to remove an image and handle the post creation
5:15:30 Set post tags and limit input text length.
5:20:13 Handle errors and upload images in create post function
5:22:44 Limit the payload size to 50 megabytes for sending data in the request body.
5:27:37 Clicking on the router link takes us to different pages.
5:30:07 Implement loading spinner in login page
5:34:54 Posts not showing on home page
5:37:17 Implement loading spinner and show posts in the home page
5:41:52 Fetch the user profile using either username or user ID
5:44:27 Fetch user based on ID or username
5:49:13 Handle profile picture and username display on the home page
5:51:32 To show posts and user profile pictures, create a post and check if it has replies
5:56:38 Optimizing the actions component for like and unlike functionality
5:59:01 Move icon layout to bottom and implement like functionality
6:03:24 Implementing a like/unlike feature for a post
6:05:42 Optimization: Check if 'isLiking' is true before running the function
6:10:21 Add reply functionality to the model
6:12:44 Reply feature successfully added to the post controller.
6:17:26 Error reading properties of undefined in user page components.
6:19:31 Implement fetching and displaying posts
6:24:02 Fixing errors and improving component functionality
6:26:21 Add a delete icon inside the post component
6:30:59 The function deletes a post and associated image.
6:33:09 The UI doesn't update after a post is deleted, but refreshing will show the change.
6:37:40 Retrieve user profile data and display it on different pages
6:40:03 Fetch post data and handle errors
6:44:40 Delete icon added to post
6:47:01 The code is being modified to navigate between pages and show replies to a post.
6:51:32 Fix the issue where deleted posts need to be manually refreshed
6:53:36 Implement a global atom post to store and update post data
6:57:49 Implement Recoil State for managing posts
7:00:09 Fix the issue where newly created posts are not immediately shown in the UI
7:04:36 Optimizing the solution
7:06:55 The new reply is added to the post.
7:11:35 Fixing array errors and improving user interface
7:13:48 Add logout functionality to the header button.
7:18:27 Update login and sign up links to direct to authentication page
7:20:40 Fixing flickering effect and updating user profile
7:25:05 Update user profile picture and username on all replies
7:27:28 Profile picture successfully updated
Great efforts man hats off and thanks also
Just finished the entire video, need to say it is an amazing piece of art. Thank you teacher.
Have you deployed and how's the tutorial ?
What unique did you learn ?please share your experience
I wanted to take a moment to express my heartfelt gratitude for your outstanding teaching quality. Love You Sir, Love from 🇮🇳
Phenomenal job, watched about dozen videos about MERN, Studied React and Node.js and was not able to write a single code together, after watching your video start to understand how things works, Thanks!
Thanks for this video. There's aren't many pure MERN stack based projects on RUclips. I was looking for this . Thanks a lot.
Man, the way you explain is so easy and understandable! I finally got a good project that is suitable for beginners and not outdated because YT is full of completely outdated tutorials. I have finished creating the REST API and hope to complete this awesome project this week. THANKS! By the way, please enable your "Thanks" option, many people would love to chip in.
Thank you, I really appreciate these kind words. ☺️ Don't forget to check out the chat app which is an addition to this app.
Just ended the login and sign up section, and i learned a lot of things, i am really excited to go further, lol i can't imagine im gonna put a chatting functionality in this app.
I'm gonna complete dave Gray's mern tutorial and then do this for practice..Excitedddaf
I really enjoyed this course. The methodology you use is easy to understand for beginners. I hope you make more projects and post here.
Glad to hear that!
In it have they used Next js? or not
Finally, a tutorial that uses mongodb reference property instead of embedding. I've always wanted to know how the rest API would be and this video just did that. I'm super appreciative and you just gained a subscriber ❤️
im adding this in my playlist , would love to check it out soon : )
Congratulations! We look forward to your Turkish lessons
It's amazing, your teaching style and smooth explaination are awesome. Thanks for the video.
Could you please make a video only on React.js Basics to advances concepts?
Thank you so much. It’ll help for my university project
amazing bro....we need more unique clones like uber,yelp,doctor appointment app,dating apps more...thanks again for the amazing video
Harika bir calisma olmus. You gained yourself another subscriber :) One small thing that could bother audience is noise which comes from your keystrokes.
Thanks for the feedback, gotta get a new keyboard asap!
@@asaprogrammer_ as I said it might bothers some fellas but not me i could follow along your explanations properly. You might as well can look up your microphone settings if there is any noise cancelletion options by chance. One quick question.. Is Chakra UI your personal preference or did you wanted to try something different instead of tailwind css for instance?
@@escobar441n It's easy to record tutorials with Chakra, most components are ready to use so we don't waste any time building the css part. Not only that, but I also like to use Chakra in general.
Really looking forward to watching this entire video, hopefully soon. I want to build something similar and will probably use alot of your code and ideas, I already know it even without watching the video yet. So thank you in advanced!
Maybe you are a genius. This tutorial is so good
It was absolutely stunning tutorial. Although I am having trouble in deployment. Wish he has made guide for that as well
Hi, please let me know if you successed in deploying this.
thank you so much for this kind of projects truly amazing !!!
that was awesome, i hope more of these videos will come
Please post more MERN projects
Bro this is complete like both frontend and backend parts ? and also working for you ?
That's Amazing project 👏
Thank you very much ♥️👍
Please make deployment video
Wow. I will give a try.
Just Amazing!!!!!!!!
Also could you pls add the search user functionality??
Amazing tutorial
hey i do not know english well i am tamil but i can understand your explanation
Just joined discord ❤🎉
Thank you so much ❤❤❤
Thanks very much 😘🥰
Can we get a tutorial on how to add videos to posts. I’ve been trying for a few days and watched other tutorials but I have no luck getting the video to render in the posts component
Learn so much from it
kindly in part 2 add, rich text editor for mentions hashtag and emojis, thank you
When are you making a PART 2 of this website. With Shares and liking comment etc?
There's no part 2 😄Like , comment etc. functionalities are built in this video. I'm recording a new video to add real-time private chat messaging to this app.
@@asaprogrammer_ no I mean like the reply and reply to the reply.
@@asaprogrammer_ what about search for user and showing followers of specific user how to unfollow any user
please make pagination with auto-loading of posts
Thank you for Course!!!
Can you share your vs code extentions, pls
* Auto Rename Tag
* Better Comments
* Color Highlight
* DotENV
* ES7 + React/Redux/React-N. snippets
* File & Folder Icons
** Github Copilot
thanks teacher@@asaprogrammer_
done bro. It was a great tutorial
Hey, hope you're doing good, actually I am on the verge of completing this project, but while dealing with the frontend part, in the Post.jsx file, dealing with date-fns library, I am facing this error, "Uncaught RangeError: Invalid time value". Could you please tell me how can I deal with this?
@@vikasbhardwaj9991 I was having the same issue, then I found out that it was occuring because the data I was getting from the response had some issue with destructuring. See if the format you are getting and using are the same or not
appreciate you!
Bro how to code editor suggest you the code that you want to write and how they autocomplete?
I use github copilot.
4:39:55 when image size high, it returns the error of payload size too long how to prevent it? we have to reduce the size in Hook?
Hey did you solve this error? Id yes, then please share
Which extension is being used which enables you to auto import the elements from the appropriate chakra components?
thank u sir
Please make a deployment video
New video is coming out. We will add a chat application in to this app and then we could deploy.
@@asaprogrammer_ Sir Chat video came but no deployment video till now @asaprogrammer_ Sir Chat video came but no deployment video till now
wow
Start Date : 10th April 2024
End Date :
What extensions do you use?
Hey, hope you're doing good, actually I am on the verge of completing this project, but while dealing with the frontend part, in the Post.jsx file, dealing with date-fns library, I am facing this error, "Uncaught RangeError: Invalid time value". Could you please tell me how can I deal with this?
what extension you are using for the code and comments auto generation???
Whats the prerequisites I only know react can I still follow along or should I need experience with Node and Express.
Thanks for service.
I think you can follow the tutorial and the things that you can't really understand just ask it to gpt by saying explain me those lines, what they do etc. but if you have time watching a crash course on nodejs and express could help more
@@asaprogrammer_ ok brother thanks for responding to my comment.
I have learnt some basics of Mern stack from now i will try to recreate this.
Cloudinary img url is not showing in the console when i am printing the console.log(data) while updating my profile. but the images are being uploaded in the cloudinary as i can see them in the media explorer of cloudinary.
what are the vs code extensions you are using
Message system not in the video?
Bro, do you have a tech job or you do free lancing?
Just completed my internship. Currently unemployed and in my senior year.
if i share this with my friend and if they upload anything here , i can see?
Hey guys! Did anyone try to deploy the project to Vercel? I faced a problem with endless deploying stage with log 'Deploying outputs...'
Could you please let me know some setting which missed?
teacher, cloudinary doesn't work in my country. Can i use another cloud?
hi mr l have a question why you add postBy to req.body is this make our app hackable? and why you dont make post creator id in backend?
Can you please tell me how can i setup the environment to develop this project???
you store user in localstorage for forever when cookie will expire something wierd happened how to handle it????
can we use your front end with my Laravel from my own code?
Hello, does this allow hosting on vercel?
Hey man i got a question. So if we need to follow someone, how we can find them? Do u make a search bar or something ? Thank you
Okay, will record it soon.
@@asaprogrammer_ you are the best ❤️
@@asaprogrammer_ Till when you will complete this feature ?
@@mayanksrivastavaiiitu6109 Instead of search function I added suggested users where you can follow some users.
@@asaprogrammer_ okay Thanks for your work. Now i will try to add this functionality by myself
When I update profile pic after singing up it shows error user not found….Please help.
deployment of project sir
I know basic mern can I go through the video
My auto impor for the chakra ui is not working and how your import are been done automatically
I use github copilot.
Bro i can my frontend by using "npx create-react-app" cmd and after login or signup the cookie send send by the server but when i try to call a userProtected route the cookie value can't send with it, so i can't able to get the token in backend. But when try postman to check routes it's work correctly , now what should i do?
For this purpose you need to configure frontend and backend because Server isn't sending any cookies to your browser by default, In backend use app.use(cors(origin : frontend url,
Credentials: true))
However in frontend apps
Whenever you place an http request please use options withcredentials = true and baseUrl : backend url this will work fine when you use axios
Would you just deploy it also.
Hey man I copied your source code and ran the app, but after logging in I dont have the option to follow anyone. Any solutions? I need this project for my resume
You might be missing some env variables, make sure to create a .env file in backend folder and add these:
PORT = 5000
MONGO_URI = {put_your_key_here}
JWT_SECRET={put_your_key_here}
CLOUDINARY_CLOUD_NAME={put_your_key_here}
CLOUDINARY_API_KEY={put_your_key_here}
CLOUDINARY_API_SECRET={put_your_key_here}
if the problem persists please ask in the discord. I'll try to answer there, and you can share some images as well.
@@asaprogrammer_ it still wont work, im getting the same problem
may i know what's ur vscode add-on?
If you're asking for code suggestions, it is Github Copilot.
thanks! just finished the whole video. it's amazing. @@asaprogrammer_
starting on 9th April 2024,
iam so confused 2 hrs 4 mins in. You import userRoutes from userRoutes.js, but in userRoutes you just export router, so how are you importing userRoutes ? its saying its not defined for me. What am i missing ;(
Try to compare it with the source code in the description. It is working fine.
@@asaprogrammer_ i even copied the code, and it keeps saying module not found.
node:internal/errors:496
ErrorCaptureStackTrace(err);
^
Error [ERR_MODULE_NOT_FOUND]: Cannot find module 'C:\Users\Admin\Desktop\ThreadsClone\backend\controllers\userController' imported from C:\Users\Admin\Desktop\ThreadsClone\backend
outes\userRoutes.js
It was working fine before this part, and now I can't get it started again with userRoutes being imported. :-\ im not sure what to do, ive been staring at it for hours and its not making sense why it doesn't work, Just thought you might have an idea :( thanks anyways. Was enjoying the video atleast until now.
@@BrandonFunk When you import something from a local file don't forget to add .js at the end. Example:
import { loginUser } from "../controllers/userController.js";
You're missing the file extension at the end. This is what error message says. If it still doesn't work, please share some images in discord server.
@@asaprogrammer_ i also got same error today how to solve it
read about named import and default import
you didny didnt coinfigured adding "/mark" at the end and its work for you? WTF
Please help to deploy this, it will be great 😊
but you cannot reply to reply, or reshare like thread do, also emojis mentions hash all good things missing , not finding a single tutorial which is full fledged
No Typescript = Vomit
Hey i have a doubt how can i contact you
Thanks for this video. There's aren't many pure MERN stack based projects on RUclips. I was looking for this . Thanks a lot.