React Node.js Real Estate App Full Tutorial | MERN Stack App & Real-time Chat

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

КОМЕНТАРІ • 350

  • @Leesdjo
    @Leesdjo 7 місяців тому +38

    This is the channel that produces many quality tutorials. Thank you Lama Dev.

  • @vijayarajans7112
    @vijayarajans7112 4 місяці тому +24

    I followed folder structure like lama dev and I got Job as Frontend Developer🎉Thank You So much Lama🙂

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

      how many time have you been studing? what do you do for get a job?

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

      @@olhesnewsofc hello mate. i can help you in front end if you want any tips

    • @Ghostly-Glare
      @Ghostly-Glare Місяць тому

      ​@@dota2teachi610 I want tips for frontend how can I reach out to u

  • @justinoconnell7307
    @justinoconnell7307 7 місяців тому +8

    The App structure section was amazing, makes so much sense and helps me mental model future project ideas!

  • @himankshu
    @himankshu 7 місяців тому +10

    I didn’t watched the first part because it wasn’t telling me if this was a mern project. Now i am gonna watch both

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

      so, do we have to watch the React Real Estate App UI Design video before this?

    • @delightful209
      @delightful209 5 місяців тому +4

      @@ajzal_ not really, part 1 is all about the styling and UI. Still id advised u to start from there since there might be some stuff u dont know. also code the project from scratch while adding your own ideas alongside so its not a blind copy paste job. like i didnt like some of his color choices and design elements so i changed it while coding alongside his video. also it then feels like u actually did some work to make it your own project too :D

  • @alibahman-mk3ib
    @alibahman-mk3ib 7 місяців тому +9

    Thank you very much for the high-quality and high-level training you provide. I hope you add React Native and Electron to the tutorials soon

  • @shasathuo1966
    @shasathuo1966 7 місяців тому +2

    Thank you so much for this, so many tutorials focus on nextjs, which is OK but plenty of real world systems are still good old react and express and that isn't covered enough

  • @ilyashadi9305
    @ilyashadi9305 7 місяців тому +4

    Lama Dev, your tutorial was absolutely fantastic! Thank you for sharing your expertise in such a clear and engaging way. It was incredibly helpful and I'm grateful for the valuable insights you provided. 💖💖✨✨✔

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

    Your tutorial may be the best of all. Can you please make a tutorial that uses Postgres SQL?

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

    I have tried many channels but you are great Lama please don't stop providing us with such quality content

  • @storminnorman7445
    @storminnorman7445 5 днів тому

    Thank you for posting. This was challenging, but incredibly detailed and well-structured.

  • @ladaonmymind
    @ladaonmymind 7 місяців тому +2

    I want to say that this tutorial truly is of quality. Thank you, Lama Dev

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

    Thanks for this awesome tutorial Lama Dev. Completed this tutorial in 15 days. Eagerly waiting for it's next part!!

  • @learningprograming4749
    @learningprograming4749 7 місяців тому +4

    Thank you for this, man. is amazing the time and efforts you put into this content. Plz more of these great tutorials. Make sometimes small projects is really goos to

  • @gwolojulius4135
    @gwolojulius4135 7 місяців тому +8

    This project is amazing! Thank you for taking your time doing this great app!

    • @knowledgedose1956
      @knowledgedose1956 7 місяців тому +4

      Totally agree. this is valuable

    • @IndrajeetSingh-cp3qx
      @IndrajeetSingh-cp3qx 3 місяці тому +1

      Is this video Demonstrate the whole project which is shown in starting of video

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

      @@IndrajeetSingh-cp3qx Yeah it's. Just take your time to watch the entire video

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

    This project tutorial is truly wonderful. I've been coding for years and I still feel like I was years behind being capable of creating a project like this from the top of my head. Is it normal? Any of you feel the same way?

  • @allaboutaheart
    @allaboutaheart 12 днів тому

    Hi Lama, This project is turning into an impressive platform with so many thoughtful features! The implementation of post management, authentication, and UI components is clean, efficient, and user-friendly. Integrating the backend API with well-structured components on the frontend really demonstrates a strong command of full-stack development. With upcoming features like a payment system and private chat, this is on track to offer a complete experience for users. Excited to see where it goes!

    • @YouTube47hd
      @YouTube47hd 12 днів тому

      hey bro i am facing error at the chat secction where i get the error
      when i checimg the getChats lall chat andnot showing the neither message nor the chat
      PrismaClientValidationError:
      Invalid `prisma.user.findUnique()` invocation:
      {
      where: {
      id: undefined,
      ? email?: String,
      ? username?: String,
      ? AND?: UserWhereInput | UserWhereInput[],
      ? OR?: UserWhereInput[],
      ? NOT?: UserWhereInput | UserWhereInput[],
      ? password?: StringFilter | String,
      ? avatar?: StringNullableFilter | String | Null,
      ? createdAt?: DateTimeFilter | DateTime,
      ? chatIDs?: StringNullableListFilter,
      ? posts?: PostListRelationFilter,
      ? savedPosts?: SavedPostListRelationFilter,
      ? chats?: ChatListRelationFilter
      },
      select: {
      id: true,
      username: true,
      avatar: true
      }
      }
      Argument `where` of type UserWhereUniqueInput needs at least one of `id`, `email` or `username` arguments. Available options are marked with ?.
      at In (C:\Users\umang\OneDrive\Desktop\Major Project\EstateHub\api
      ode_modules\@prisma\client
      untime\library.js:114:7526)
      at Ln.handleRequestError (C:\Users\umang\OneDrive\Desktop\Major Project\EstateHub\api
      ode_modules\@prisma\client
      untime\library.js:121:7396)
      at Ln.handleAndLogRequestError (C:\Users\umang\OneDrive\Desktop\Major Project\EstateHub\api
      ode_modules\@prisma\client
      untime\library.js:121:7061)
      at Ln.request (C:\Users\umang\OneDrive\Desktop\Major Project\EstateHub\api
      ode_modules\@prisma\client
      untime\library.js:121:6745)
      at async l (C:\Users\umang\OneDrive\Desktop\Major Project\EstateHub\api
      ode_modules\@prisma\client
      untime\library.js:130:9633)
      at async getChats (file:///C:/Users/umang/OneDrive/Desktop/Major%20Project/EstateHub/api/controllers/chat.controller.js:18:24) {
      clientVersion: '5.19.1'
      }

  • @JasonAngel-o1b
    @JasonAngel-o1b 7 місяців тому +2

    Please! You're the one that explain the code and make it clearly for me. But please, can you make a tuto about zod react hook form and prisma?
    I mean, how to put the data of a form or a blog for example in a database with prisma.

  • @wilsonmela6343
    @wilsonmela6343 7 місяців тому +2

    A million thanks for your efforts. This is a very helpful channel.

  • @DeborahRise
    @DeborahRise 14 днів тому

    You are incredible. Thank you for taking time out to make this video. You have made me a better software engineer. God bless you Sir.

  • @abhaypundora6841
    @abhaypundora6841 11 днів тому

    Even if you are a beginner , you always know what is going on ❤❤

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

    Was waiting for this ,,completed the first part already.. thank you great man 🙌

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

      Hello bro
      Can you please share me the git hub link for better reference of this project !!

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

      I am really waiting please I hope I get a reply

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

      @@maazs5991 hey bro sorry for late reply..lama as a github link and i go to his github link in the project to clearlfy somethings.. i think his will be better

  • @MrSelimOzkan
    @MrSelimOzkan 7 місяців тому +4

    Simply The Best! Thank you LamaDev

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

    I am a beginner and I thoroughly enjoyed this tutorial. You are an amazing teacher. Thank you!!

  • @dennisngari3557
    @dennisngari3557 7 місяців тому +3

    The best youtube channel👌. Thanks lama

  • @optimusprime844
    @optimusprime844 7 місяців тому +3

    Great video Lama, is it great for SEO as it is, or converting to Next js will make it better?

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

    I didn't understand is it user panel or admin panel who can add post and msg

  • @LaugeMP
    @LaugeMP 7 місяців тому +3

    Could you make a video where you integrate private 1-1 chats?

  • @hwapyongedouard
    @hwapyongedouard 7 місяців тому +4

    cool, but how can we add a fully functional payment methods using PayPal, etc ?

  • @Palonchi-n1t
    @Palonchi-n1t 7 місяців тому +4

    Thank you very much for such content. I have some confusion if you can help me. For example, Redux-toolkit vs React-query. if You have time, please, can you prepare another course in terms of using redux-toolkit and react-query. I am a beginner.

    • @destocot1729
      @destocot1729 7 місяців тому +3

      redux toolkit is for state management react query is for handling data, redux toolkit has RTK query built inside of it, if you are already using redux toolkit than use RTK query instead of react query, if you are not using redux toolkit than use react query

  • @joscript7846
    @joscript7846 7 місяців тому +2

    Hey Lama, why did you have to send postData with single postDetails when you can send them all at once and fetch just watch u need to display on the front page and for a single post you get to fetch that specific data details and render them . Why go the double way?

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

    Keep up the good work Lama! The App Structure explanation is insane! Easy to understand and very details

  • @MyGeorge1964
    @MyGeorge1964 7 місяців тому +1

    Thank you, excellent tutorial with real world projects.

  • @GopiKrish-e8h
    @GopiKrish-e8h 2 місяці тому +3

    finally i finished this project.. thank you 💓

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

      is this working properly

    • @GopiKrish-e8h
      @GopiKrish-e8h 2 місяці тому

      @@sanskargupta8785 yes bro..why?? lot of features is missing but it is working perfectly fine

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

      @@GopiKrish-e8h can you give your github link because i got some errors

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

      It is free to work but is there any paid api

    • @YouTube47hd
      @YouTube47hd 12 днів тому

      @@GopiKrish-e8h hey bro can you send your code or just github repo

  • @israelamos8896
    @israelamos8896 7 місяців тому +2

    Absolutely brilliant. Thanks a million for this project.

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

    Mr lamadev God will always bless you anywhere you are, I always enjoy you, I pray you will always enjoy yourself.

  • @anand_maurya
    @anand_maurya 7 місяців тому +2

    Thank you very much for this comprehensive tutorial.

  • @coder5336
    @coder5336 7 місяців тому +2

    Best fullstack apps comes from lama

  • @crodic01422
    @crodic01422 7 місяців тому +1

    I hope the next project will be movie ticket booking done using MERN stack. Thanks You

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

    Thank you, your projects are very interesting, I don't speak English but I use the translator to understand, I leave sub and I will be doing the project but I didn't want to start without leaving my comment, a hug

  • @dreamsachiever212
    @dreamsachiever212 7 місяців тому +3

    was looking exactly for this. thanks

  • @naseemsaffy
    @naseemsaffy 7 місяців тому +3

    Thakyou so much for choosing those technologies

  • @raj080288
    @raj080288 7 місяців тому +3

    Why have you chosen react instead of Nextjs? Just curious nothing else lol

  • @harshitsingh-u4f
    @harshitsingh-u4f 7 місяців тому +2

    In next project , could you please try to integrate redis...

  • @TihamShafiIslam
    @TihamShafiIslam 7 місяців тому +2

    can be there another part of it? like, the deployment and automation part using gitActions/jenkins and later deploying it in aws. Mainly the devOps part. I loved this project and the way you explained each parts. Great video!

  • @sportsfever4116
    @sportsfever4116 7 місяців тому +1

    Please guide me. I should learn MERN stack or Next js with mongodb? Which one should i go for

  • @abujayed-dot-com
    @abujayed-dot-com 7 місяців тому +1

    Pls, make a complete tutorial on directory listing website, Where user can login, submit listing, free submit, premium submit, premium submit will be marked as featured for some days, dashboard. pls.

  • @anticanevas5509
    @anticanevas5509 7 місяців тому +2

    Thank you very much for such content.

  • @Alex.Shalda
    @Alex.Shalda 7 місяців тому +3

    awesome job!!!

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

    sir you didn't explain the login and register route in react, you didn't cover login and logout page in the 1st part this video.

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

    This is an amazing Project.
    Thanks Lama Lama,

  • @emgodas
    @emgodas 7 місяців тому +17

    We can accomplish the same without Prisma right?

    • @amitkumarmohapatra8531
      @amitkumarmohapatra8531 7 місяців тому

      Yes

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

      What else tools other prisma that we can use ?

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

      @@kyureikim6507 Prisma alternatives include:
      AWS AppSync
      Apollo
      Hasura
      Sequelize
      TypeORM

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

      Mongoose ​@@kyureikim6507

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

      its easy man

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

    Thank you very much for building this wonderful project

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

      Hii please send me this project source code please

  • @yantech.4249
    @yantech.4249 7 місяців тому +2

    Amazing project. Big Thanks Sir.

  • @TihamShafiIslam
    @TihamShafiIslam 7 місяців тому

    Best tutorial no doubt. Can you make more MERN contents with Prisma? Like, with the same set of technologies you used in this video. That gonna help us to hone our skill sets alot.

  • @calebopule2490
    @calebopule2490 7 місяців тому +4

    Thank you

  • @daviditambo151
    @daviditambo151 7 місяців тому +1

    Amazing content @LamaDev can you kindly add a payment method and deployment part?

  • @lukas.webdev
    @lukas.webdev 7 місяців тому +1

    Awesome! Thx for sharing! 😉🔥

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

    it getting better day by day, love it

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

    Is devin take place of the web dev???

  • @manishrajput2596
    @manishrajput2596 7 місяців тому +2

    Thanks Lama Dev ❤

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

    Hey I was wondering how a new user can start chat with an existing user for the first time. After watching the tutorial i felt like the messages section will show up only if u have any messages in your dm. For a new user there wont be any messages. Please correct me if i am wrong. I'm a beginner 😊

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

    Hi i am facing some problems in socket io when click the send message button nothing is showing up nor in console can some one help me with this.

  • @sukhrob-abdullaev
    @sukhrob-abdullaev Місяць тому +1

    Could you provide a link for app structure using eraser, that would be useful to understand the structure better

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

    wow very good stuff and alot fo learning from your course. how we can connect the backend dashboard to control the frontend data. kindly create a video where you show how to connect the backend dashboard to this module and control the function of that real estate

  • @ronaldpaek
    @ronaldpaek 7 місяців тому +2

    Rough eta on your course release?

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

    Hi @LamaDev, very nice and useful tutorial! one question: how and where to deploy that to make a test ? do you have any suggestion ?

  • @GopiKrish-e8h
    @GopiKrish-e8h 2 місяці тому

    i have doubt, in previous tutorial you didn't add register, login, profile, update, add etc.. did you forgot that?suddenly i get shocked i followed you an inch by inch that's why ... actually i am new subscriber, by the way you really good at teaching i learnt a lot in one video, thanks for sharing your experience

  • @aburaihan-py4vi
    @aburaihan-py4vi 7 місяців тому +2

    Excellent!!!!!!!

  • @SIGMA-RMZ
    @SIGMA-RMZ 6 місяців тому

    thank you so much this 2 video 8 h take from close to month to done them but help me alot thanks again

  • @hacistein
    @hacistein 7 місяців тому +2

    Nice video again. Do you prefer node.js or .net savas?

  • @DailyDoseOfWorlds
    @DailyDoseOfWorlds 4 дні тому +1

    1:43:49
    this part the layout export is not working because of ES6 modules and you just have to remove the export this one
    export { Layout, RequireAuth };
    but you can still just import it on app.jsx
    just saying because it occur in mine maybe just mine

  • @edgarlopz241
    @edgarlopz241 7 місяців тому +1

    Hi! somebody have problem with the cookie? i cannot see my new cookie.

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

    hello,Lama thank you for your video. It really helped me. Could you do a video about its deployment please?

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

      Hey are you able to deploy this, I can’t.

  • @mohammadabbas1623
    @mohammadabbas1623 7 місяців тому +2

    PERN stack is beast

  • @ITACHIUCHIHA-dr8sz
    @ITACHIUCHIHA-dr8sz 7 місяців тому +3

    Anyone have the complete github code?

  • @sandaru1580
    @sandaru1580 7 місяців тому +2

    Thank you so much sir

  • @Bhajan124
    @Bhajan124 4 дні тому +1

    thank you for real estate but in this new user can not message with another .

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

    Starting this. Wish me luck.

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

      I hope you get it right mate, done the UI Design section perfectly, I am on the 1hr mark on this one and this man is a Great!

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

    Thank you very much man i created a good project just because of you

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

      did it fully work for you? I completed it but i have errors.. to load the posts.

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

      @@ismaelkf yes it is working for me. I am not exactly copy pasting the code exactly but modifying it a little bit

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

      @@clasherworld9821 plz give me your github link

    • @Upload-o7n
      @Upload-o7n 14 днів тому

      @@clasherworld9821 hii did you deploy your project bro

  • @VarunSharma-xd8xd
    @VarunSharma-xd8xd 7 місяців тому +2

    is it a full stack project? and is it working properly?

  • @etekumoses3320
    @etekumoses3320 7 місяців тому +2

    love this

  • @prashlovessamosa
    @prashlovessamosa 7 місяців тому +2

    Thanks lama

  • @TanishqPratap
    @TanishqPratap 7 місяців тому

    Bro please make full Stack React Native app also.

  • @suvamchaudhary256
    @suvamchaudhary256 7 місяців тому +1

    Sir uploaf more MERN project

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

    Hi lamadev, I know you made a video about testing, but is it possible to write test cases for front and back end for this or other projects to cover testing concepts in a real project.
    Thank you very much.

  • @nurmuhammadyorov9775
    @nurmuhammadyorov9775 7 місяців тому +1

    Is this the end of this project?

  • @vitalii.b88
    @vitalii.b88 4 місяці тому

    Hi! Thank You for your work. I have a question. How to fix Third-party cookie will be blocked in future Chrome versions as part of Privacy Sandbox. after adding cloudinary?

  • @VarunSharma-xd8xd
    @VarunSharma-xd8xd 7 місяців тому +1

    when u downloaded the project it shows virus?

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

    Do you have personal courses if so send me the link your an amazing teacher

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

    can you also make a video how to deploy this website

  • @duynguyentranbao2726
    @duynguyentranbao2726 2 дні тому

    hi lama, what extension you use to console in line ?

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

    Hi, plz make a viedo on file handling like if we want to import some files and save in db , and export db data in excel or pdf format amking it downloadable

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

    Hi, could I ask For a list of everything needed in the .env file? just the variable names

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

    Console Ninja does not work here

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

    The chat is working for me, but the problem is that when a message is sent from one profile, I have to refresh the site to see the new message.

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

      I'll use sockets to fix that and make it real time. Thanks

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

      How have you implemented the chat button in the singlePage.jsx ? Lama forgot to add that ... Can you please share the function ?

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

      @@vs0769 hey did you implement it?

  • @programandojuntos6818
    @programandojuntos6818 7 місяців тому

    this is the first tutorial that I see where use ES6 modules instead of CommonJS, why modern tutorial still uses CommonJS?

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

    sir can you also do react query or redux toolkit state management projects cuz with context api i guess our app not useful for multi-user platforms am i wrong? Hocam ayrıca seviliyorsunuz emekleriniz için teşekkürler... Sorumu da cevaplarsanız çok sevinirim sağ olun

  • @gatts6727
    @gatts6727 7 місяців тому +2

    Awesome!

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

    I am starting this project from today and please share your *discord* correct link as well because the link in the desc. doesn't work. Thanks man!

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

    hello brother.....make a video on deployment of this project.......