MERN Stack Twitter: Build and Deploy a Full Stack Twitter Clone with React, Node.js and MongoDB

Поділитися
Вставка
  • Опубліковано 6 лис 2024

КОМЕНТАРІ • 290

  • @asaprogrammer_
    @asaprogrammer_  6 місяців тому +94

    Yo! That was a ton of work and made me a bit tired but this comment section tells me it was worth it! Thanks for watching ❤

    • @martinonic6625
      @martinonic6625 4 місяці тому

      Please can you create an authentication with mail verification

    • @fokspoks
      @fokspoks 4 місяці тому

      i just finally finished this project, it took me for 2 weeks if i'm not wrong, but i finally have completed this project and deployed it. You can even see my recent comment under this video. Thank you so much, you're my first fullstack teacher, that's first time i've ever finished fullstack app on mern. I have subscriber to you, liked this video and gave a star to your repository, you deserve it

    • @priyanshuganatra
      @priyanshuganatra 3 місяці тому

      My account was banned on render for deploying this project, then I emailed them and got the ban removed, turns out you shouldn't deploy clone projects which look exactly the same as the real ones, as it may contain trademarked and copyright protected content which will get you banned. Change the color schema and UI and don't use the same logo at all.

  • @yogeshjoshi781
    @yogeshjoshi781 2 місяці тому +10

    this is a prime example of how a tutorial should be made

  • @DxYPINS
    @DxYPINS 2 місяці тому +10

    I finished the Backend Part successfully without finding any problems, thx bro this is really helpful

    • @Reels-fact-7
      @Reels-fact-7 Місяць тому

      i am getting error in email. when i send request from postman then its shows invalid email format

  • @grandmaster-yo-yo
    @grandmaster-yo-yo Місяць тому +2

    Just have finished and deployed the app! I want to thank you so much, this is my first full-stack project and your tutorial and explanations have been great! I'm definitely gonna get a job after more practicing with MERN stack technologies. Good luck!

    • @ArunPravin-os7kp
      @ArunPravin-os7kp Місяць тому

      Bro one doubt message option is there or not

  • @viniciusmoreira5009
    @viniciusmoreira5009 6 місяців тому +12

    bro u got the greatest youtube channel of all time the videos just keep getting better everytime

    • @saketnigam1733
      @saketnigam1733 4 місяці тому +1

      brother have u made it completely ,did u come through any roadblocks, if yes then what were those problems,.... please share your views

  • @zues3663
    @zues3663 5 місяців тому +13

    i dont know who you are, or where you from, but ill find you and give you a medal!
    keep up the good work with these tutorials :)

  • @mithunverma225
    @mithunverma225 6 місяців тому +7

    Your way of writing & explaining is lit 🔥

    • @saketnigam1733
      @saketnigam1733 4 місяці тому

      brother have u made it completely ,did u come through any roadblocks, if yes then what were those problems,.... please share your views

  • @emirhanarc1476
    @emirhanarc1476 6 місяців тому +12

    Oh now I know what I'm gonna do this weekend. Thank you

    • @saketnigam1733
      @saketnigam1733 4 місяці тому

      brother have u made it completely ,did u come through any roadblocks, if yes then what were those problems,.... please share your views

  • @ayushgupta8538
    @ayushgupta8538 6 місяців тому +13

    You are doing a great job my friend... Just share more about your previous videos while giving shoutout to subscribe so that viewers know you have already made a lot of interesting projects

    • @asaprogrammer_
      @asaprogrammer_  6 місяців тому +3

      Thank you. Appreciate the support ❤

    • @WEBSITEINTEGRATOR
      @WEBSITEINTEGRATOR 6 місяців тому

      Bro is there any online class for your coding teaching

  • @tanmay3499
    @tanmay3499 3 місяці тому +2

    Ur explanation is so well it was worth watching

  • @guy001100
    @guy001100 4 місяці тому +3

    Thanks for the great tutorial! I noticed something that could be optimized in the updateUser function (and such). Since you already fetch the user in the protectRoute middleware and attach it to the req object, you don't need to fetch the user again in the updateUser function.
    This change avoids redundant database queries and makes the code more efficient. Thanks again for the awesome content!

    • @saketnigam1733
      @saketnigam1733 4 місяці тому

      brother have u made it completely ,did u come through any roadblocks, if yes then what were those problems,.... please share your views

  • @abhissek_07
    @abhissek_07 Місяць тому

    bro you are a gem to the dev community thanks for the greatest tutorial

  • @smartdriver2990
    @smartdriver2990 6 місяців тому +5

    Wow, awesome . Can't wait for coding this course 🎉🎉🎉

    • @saketnigam1733
      @saketnigam1733 4 місяці тому

      brother have u made it completely ,did u come through any roadblocks, if yes then what were those problems,.... please share your views

  • @reactnative2024
    @reactnative2024 5 місяців тому +6

    Just wanted to say thanks for your awesome video tutorial on building a Twitter clone with MERN stack! I found it really clear and easy to follow.
    I was wondering if you'd consider creating a second video in the future. While the Twitter clone is great, it would be incredible to see how to add features like live chat and voice/video calling.
    I'm sure a lot of viewers, myself included, would be interested in learning how to implement these functionalities.

    • @saketnigam1733
      @saketnigam1733 4 місяці тому

      brother have u made it completely ,did u come through any roadblocks, if yes then what were those problems,.... please share your views

  • @SergeyKachaliuk
    @SergeyKachaliuk 2 місяці тому +1

    At 4:16:20, when we fetch posts depending on the feed type, we could use queryKey dependencies instead of useEffect, it works similarly.
    ```
    const endpoint = getPostsEndpoint(feedType);
    const {
    data: posts,
    isLoading,
    error,
    } = useQuery({
    queryKey: ["posts", feedType],
    queryFn: () => postsAPI.getPosts(endpoint),
    });
    ```

    • @itzmranonymous
      @itzmranonymous Місяць тому

      i used usedEffect but i dont know why for email it doesnt work , when i give email as blank string in useeffect then only new update occurs otherwise it shows error email already exists

  • @muhamedmouzoun
    @muhamedmouzoun 6 місяців тому +3

    Please keep it up! Your work is amazing! You will definitely hit 100K! Please we're really waiting for eCommerce project! I'm sure It will be amazing! Thank you! ❤

    • @saketnigam1733
      @saketnigam1733 4 місяці тому

      brother have u made it completely ,did u come through any roadblocks, if yes then what were those problems,.... please share your views

    • @skult227
      @skult227 2 місяці тому

      ​@@saketnigam1733yes. Just do it instead of researching on which tutorial to watch. Just coding this or anything will make you learn rather than finding the perfect tutorial.

  • @One_Flex
    @One_Flex 4 місяці тому +2

    Best youtube channel to learn interesting concepts with you.

  • @fikrebereda
    @fikrebereda Місяць тому

    MERN hero , MY hero , thank you very , very much I just completed my first MERN stack successfully , MY God May bless you , I feel very happy thanks to you. from Ethiopia Africa

  • @enkisomer7266
    @enkisomer7266 20 годин тому

    THIS IS THE BEST TUTORIAL THAT I'VE EVER SEEN ! BIG THANKS FROM YOUR NEIGHBOR " IRAQ"

  • @youtubekonkreator
    @youtubekonkreator 3 місяці тому +1

    it is a request to also explain the frontend part from the next tutorial because it would give us an approach as to how to think and apply the styles and components

  • @amitrawat3004
    @amitrawat3004 Місяць тому

    man!!!! explanation and presentation with such ease and code modularityyy!!! damn🔥

  • @Misscode430
    @Misscode430 7 днів тому

    As a beginner who doesn't really know anything I must say he is fast

  • @ashutosh_tiwari
    @ashutosh_tiwari 5 місяців тому +2

    Awesome and straight forward, Thankyou so much bro for this course!!❤

  • @midnightowl4980
    @midnightowl4980 6 місяців тому +1

    Awesome content as always I am close to finishing this tutorial and yess about the UI design and writing css manually, my views a lot of times I struggle in responsiveness and the best approach to take while making the UI so if you can make a separate video on best design principles, strategies to follow would be the best. Thank you❤❤ lots of love 🎉

  • @codingisfun-pranayharishch3001
    @codingisfun-pranayharishch3001 3 місяці тому

    efforts you have put in this video is truely remarkable ... hope you cross 50k subs soon ... ♥

  • @nelsonke6840
    @nelsonke6840 27 днів тому +1

    Can't wait for that chat functionality when we hit 50k 🎉

  • @saadmanomar7754
    @saadmanomar7754 2 місяці тому +2

    Maybe explaining the UI codes in a separate video could be useful for anyone who wants to learn UI programming. But I'm not sure if many people want to learn UI programming so it might not get a lot of views.

    • @itzmranonymous
      @itzmranonymous Місяць тому +1

      yeah and main reason is when we put any proejct in resume we should know 100% about it whether its backend or frontend but using daisy ui we just copy pasted the code which leads to more confusion not even knowing what was actual use of that code

  • @wardcorpse
    @wardcorpse 3 місяці тому

    Nah the pre-built designed a definetly a big step up and help, it makes following through the tutorial and completing project much easier.

  • @FaizShaikh-dt8wp
    @FaizShaikh-dt8wp 4 місяці тому

    Really the quality is here ✨🔥

  • @myselfSrijit
    @myselfSrijit 5 місяців тому +1

    Bro please dont stop posting such good content .love from india

  • @vaibhavsm7714
    @vaibhavsm7714 5 місяців тому

    Awesome tutorial as always. Learnt a lot from this. Just a few suggestions. It would be really helpful if you could add reply feature to add replies to comments and search functionality to search for any post based on text.

  • @aymaneek3480
    @aymaneek3480 Місяць тому

    Burak abim adamsin behh çok iyi anlatıyorsun ve çok güzel yapmışsın eline sağlık

  • @LearnStuffWithDulneth
    @LearnStuffWithDulneth 3 місяці тому

    The greatest tutorial of all time.

  • @BytesRush
    @BytesRush 3 місяці тому +1

    I love you ❤❤ brother, you're going a long way mark my words

  • @nshoreDev
    @nshoreDev Місяць тому +1

    im 2 hours in which means im 2 weeks in and hell yeah brother

  • @shubhtalk7073
    @shubhtalk7073 3 місяці тому +1

    Brother you should't waste 2+ hours to write css this approach is best hope next time you again follow this approach
    Btw great tutorial i have learned a lots of things thankyou so much brother keep growing 👍👍

  • @CINECOMBO
    @CINECOMBO 6 місяців тому +1

    the most popular and loved content of your channel is that chat application in mern......with that video I find your channel....please make a full chat application with mern with free video calling feature and many other features

  • @shubhamupadhyay3174
    @shubhamupadhyay3174 6 місяців тому +3

    Thank you for your efforts its amazing ❤❤

  • @Raghav_Bajpai_
    @Raghav_Bajpai_ 6 місяців тому +1

    Thank you So much Sir ♥️...For Providing these amazing projects for free 🚀🚀

  • @doruktekel3438
    @doruktekel3438 5 місяців тому

    Lamadev den sonra yahu acaba diyip baktigimda gurur duydugum nadir anlardan, cok iyi ingilizce anlasilir akici , butun videolarini takipteyim , basarilar

    • @sudipsarkar1512
      @sudipsarkar1512 4 місяці тому

      Watching a lamadev project tutorial worth it ?

    • @doruktekel3438
      @doruktekel3438 4 місяці тому

      @@sudipsarkar1512 absoulately worth it

    • @skult227
      @skult227 2 місяці тому

      ​@sudipsarkar1512 yes. Just do it instead of researching on which tutorial to watch. Just coding this or anything will make you learn rather than finding the perfect tutorial.

  • @softmerit25
    @softmerit25 6 місяців тому

    This is so amazing. You are the best. Thanks for all you do. Much ❤

  • @adminmbp1433
    @adminmbp1433 6 місяців тому +1

    You are simply the best!

  • @FaizShaikh-dt8wp
    @FaizShaikh-dt8wp 4 місяці тому

    This approach is best!
    We should not waste time in writing css classes.

    • @saketnigam1733
      @saketnigam1733 4 місяці тому

      brother have u made it completely ,did u come through any roadblocks, if yes then what were those problems,.... please share your views

  • @rajamannar4861
    @rajamannar4861 6 місяців тому +3

    Thanks from India , tamilnadu , Madurai

  • @Ronak3262
    @Ronak3262 Місяць тому

    one Of The Best Video.Ever Had Seen.🙂

  • @kursatpolatci
    @kursatpolatci 2 місяці тому

    You are the best ever dostum. Başarılarının devamını dilerim

  • @ShubhamPatil-rr4on
    @ShubhamPatil-rr4on 6 місяців тому

    Please keep it up, Definitely we will hit 50k ❤🎉

  • @JimohSegun
    @JimohSegun 6 місяців тому

    Its nice, but it would be nice when we wait and code all the codes as far as this is for educational purposes , there are some chunks which needs more expalantion for clarity purposes... THanks for the amazing content

  • @GirishGaikwad2055
    @GirishGaikwad2055 6 місяців тому +1

    Great brother 🔥🔥🔥

  • @CalebJohn-nz2so
    @CalebJohn-nz2so 2 місяці тому

    thanks for this man 💌

  • @arthurphuc9658
    @arthurphuc9658 5 місяців тому +1

    Thank you so much, you saved my lifeeeee

  • @-CSE-BurhaanWani
    @-CSE-BurhaanWani 6 місяців тому

    Awesome work bro ❤

  • @UditNagar-of5su
    @UditNagar-of5su 4 місяці тому

    Awesome from India 🇮🇳

  • @mahdiandalib186
    @mahdiandalib186 Місяць тому

    thx man, plz create a full news / blog website using node, react,mongo,express

  • @mindset1ark
    @mindset1ark 6 місяців тому +1

    Yeah pro next video
    Nodejs + typescript and convert commenjs module 😮

  • @awe313
    @awe313 6 місяців тому +2

    great sir!

  • @codingisfun-pranayharishch3001
    @codingisfun-pranayharishch3001 3 місяці тому

    3:20:00 i will vote for copy paste
    and thank you so much for your efforts

  • @arpitham8104
    @arpitham8104 6 місяців тому

    Thanks for this amazing tutorial it really helped a lot.
    Regarding that copy paste thing for large applications like this it is good but it didn’t really helped learning everything about the application.
    So would suggest you to do some small applications and explain everything, not a suggest please consider this as request.
    Thank you so much 🙏

  • @404-not-found-service
    @404-not-found-service 6 місяців тому

    A very interesting project is appreciated, do you by any chance plan to do something using nest and next in the future? all the best

  • @mehmetaliuyar3051
    @mehmetaliuyar3051 6 місяців тому

    Aslan kardeşim eline sağlık , css yazmamak çok iyi fikir hatta artık öğrendik seni copy paste bile bize bırak ama özellikle şöyle 1 dersini sadece tailwind daisy ui ayırabilirsin . Biraz da tasarım yeteneklerini izlemek isterim .

  • @mitchell6090
    @mitchell6090 2 місяці тому +1

    I'm following this guide and I got my 1st unsolvable error at 49:27, when using urlencoding in postman I get get an empty array in the req.body variable, in auth.controller.js, it only works if I use raw json in postman. Yes, I did add app.use(express.urlencoded({ extended: true })); in server.js file. I guess I will just keep trucking along

    • @mitchell6090
      @mitchell6090 Місяць тому +1

      I found the error. In the authRoutes file I had everything as GET functions (router.get) once I changed signup, login and logout to POST (router.post) then the urlenconding in postman worked as it should.

  • @Krishna-bv2oh
    @Krishna-bv2oh 6 місяців тому

    bro i really loved ur efforts. Can u bring a tutorial of a MERN stack project of a "Coding club" like website?
    or something where some developer can build community and share notes,discuss about project etc????
    if yess then please make a tutorial on this . I really need this type of project

  • @napokhan
    @napokhan 3 місяці тому

    this channel will get 100+k subs soon

  • @charliezhang271
    @charliezhang271 4 місяці тому

    thanks you so much for a such detailed tutorial 😀

  • @CodeZakk
    @CodeZakk 6 місяців тому

    Thank you i will share with my friends. To help you reach your goals thanks its a good tutorial. I will watch it after your chat app thats awesome❤❤❤

  • @questor59
    @questor59 6 місяців тому +2

    It was a great course to learn form. Keep it up!

  • @pranay6041
    @pranay6041 6 місяців тому

    I'm 2 hours into the course. Very straight and nice simple explanation. but you have not explained async handler and error handlers that's why code is getting inconsistent and repetitive. most of us getting """Error [ERR_HTTP_HEADERS_SENT]: Cannot set headers after they are sent to the client""" this error. Please guide.

  • @priyanshuganatra
    @priyanshuganatra 5 місяців тому

    Thanks for your hardwork sir❤

  • @TheBargo123
    @TheBargo123 2 місяці тому

    Great video! I would like just to put your attention on a bug, when you updating the username, the url doesn't update. I fixed it by passing the formData to the hook and navigate to the url with the new username on success.

  • @computerscience-r8k
    @computerscience-r8k 5 місяців тому

    man great video! thank your so much🥰

  • @FaizShaikh-dt8wp
    @FaizShaikh-dt8wp 4 місяці тому

    Brother bring more projects,each one teaching different technology

  • @globalpowers9
    @globalpowers9 2 місяці тому

    Thank you sir for such a great video please make a video about fullStack ecommerce project and use redux toolkit for state management their

  • @LandusBakasima
    @LandusBakasima 6 місяців тому +1

    Thanks for your work dear

  • @wasanjithkodikara8903
    @wasanjithkodikara8903 2 місяці тому +1

    After the two days I was able to connect postman to my server

  • @jay2k510
    @jay2k510 6 місяців тому

    Amazing! Thank you so much!

  • @manojkumar0232
    @manojkumar0232 2 місяці тому

    good job bro :)

  • @LandusBakasima
    @LandusBakasima 6 місяців тому +2

    Am planning to buy you coffee after getting my credit card 4sure

  • @TradeVisionaries
    @TradeVisionaries 4 місяці тому

    thank you for your efford and god bles you to keep roccking

  • @hirengajjar33
    @hirengajjar33 4 місяці тому

    @1:49:00 we can add another check if user try to send password with postman request even though we are not saving it in DB any way

  • @chillbackground4935
    @chillbackground4935 2 місяці тому

    thank you!! you saving me

  • @Suresh-iu2tx
    @Suresh-iu2tx 6 місяців тому

    Bruh.. You're the best❤

  • @没有付出就没有收获
    @没有付出就没有收获 6 місяців тому +2

    Titanic work, thank you

  • @rangadharmateja0
    @rangadharmateja0 5 місяців тому

    it is a good course for projects very awesome😀

  • @quanne131
    @quanne131 4 місяці тому

    great video bro, do you gonna create chat feature for this project?

  • @DxYPINS
    @DxYPINS 2 місяці тому +2

    I hope you focus more on the ui design next time because I didn't like the way you went through it. it was really quick. just include it and if people aren't interested, they can skip that part.

  • @ut_yuji
    @ut_yuji 6 місяців тому +1

    just done with it!

    • @shivanshkrishna3571
      @shivanshkrishna3571 6 місяців тому

      Is it responsive? Share your deployment link

    • @ut_yuji
      @ut_yuji 6 місяців тому

      @@shivanshkrishna3571 yeah..

  • @Akash-dd6ev
    @Akash-dd6ev 2 місяці тому

    Thanks a lot bro

  • @HosseinBajan
    @HosseinBajan 6 місяців тому

    Every thing is fantastic, except one thing, why you didn't use Typescript instead of JavaScript?

  • @coolestCatEver
    @coolestCatEver 2 місяці тому

    great tutorial brother! loved it. I also added the notification count next to label and added top loading bar for all requests. But how do i deploy t on vercel? I can't on render as they are asking for credit card... can anyone tell me how to deploy a monorepo on vercel?

  • @selimayvaz4054
    @selimayvaz4054 6 місяців тому

    very useful ❤

  • @idenyy
    @idenyy 4 місяці тому +1

    could you show your extensions?

  • @devanshdwivedi4636
    @devanshdwivedi4636 27 днів тому +1

    2:48:30- tailwind config

  • @krishnavamsiGunduboina
    @krishnavamsiGunduboina 2 місяці тому +1

    Bro in the CreatePost.jsx const res= await fetch("/api/posts/create",{ Getting Error: Internal server error ,while uploading the image

  • @krishsoni620
    @krishsoni620 2 місяці тому

    What theme are you using in your VS Code ?

  • @youcefmantas4944
    @youcefmantas4944 5 місяців тому

    Can’t wait for chatapp

  • @abhayranjan5878
    @abhayranjan5878 4 місяці тому +1

    explanation of Backend Part is Okay , but the frontend part is just like copy and pasting no explanation . If u want quick project to add in your Resume then this is for you , but if you are here to learn , I think then you should look for some other tutorials.

  • @osmanashruf
    @osmanashruf 2 місяці тому

    we could have the search functionality as well

  • @niyatigupta2437
    @niyatigupta2437 5 місяців тому

    Thank you so much for this amazing project! Completed it!

  • @Some-z2p
    @Some-z2p 6 місяців тому +1

    bro!! I know some basic stuff about react, node, express, and mongo as separate technologies but I have never worked by combining these technologies as a project, I don't know about JWT and RTK, can I take this project or should I do some other stuff and come to this? is this beginner-friendly?

    • @asaprogrammer_
      @asaprogrammer_  6 місяців тому +1

      It's beginner friendly and I think you can follow this project. Also, check out the MERN Chat App Tutorial on the channel if you want to build an easier app then come back to this one :)

    • @Some-z2p
      @Some-z2p 6 місяців тому

      @@asaprogrammer_ for chat app, i have no Idea about socket io. You explained about socket io concepts?

  • @coderblip8435
    @coderblip8435 2 місяці тому +1

    day 1: 2:06:05
    day 2: 5:00:00