React Real Estate App UI Design Tutorial for Beginners

Поделиться
HTML-код
  • Опубликовано: 15 янв 2025

Комментарии • 333

  • @ourvideosite
    @ourvideosite 10 месяцев назад +5

    Lama, please build a social network for business owners with business directory so they can add their searchable business pages and communicates with each other. Thank you!

  • @francisnjugunaldc
    @francisnjugunaldc 10 месяцев назад +78

    Another one is here to be honest with you your content is better than All paid courses keep it up Lama Dev😊

    • @koririan254
      @koririan254 9 месяцев назад +2

      dummy data ulipata wapi bro

    • @francisnjugunaldc
      @francisnjugunaldc 9 месяцев назад +1

      @@koririan254 GitHub nqutumie ama ilipata

    • @nthiwafelix7967
      @nthiwafelix7967 5 месяцев назад

      @@koririan254 Iko kwa source code alishare git hub yake. Hope ulipata.

    • @nthiwafelix7967
      @nthiwafelix7967 5 месяцев назад

      Totally agree...

  • @oleksandrvoichyshyn7486
    @oleksandrvoichyshyn7486 10 месяцев назад +8

    I agree with everyone; it's amazing work, and we want the next part! :)
    I would like to watch a video with the backend for this project and the connection to the payment system.
    I haven't finished watching, but I hope we will see more wonderful projects! :)

  • @MuhammadBilal-cq6tp
    @MuhammadBilal-cq6tp 10 месяцев назад +5

    Great Tutorial , the way you teach CSS and all react stuff is so amazing , honestly your way of teaching and the way you start page layout design and then add responsiveness is totally fantastic , not anyone has such quality that you have , please keep sharing such stuff more.

    • @Shubham-o9f
      @Shubham-o9f 2 месяца назад

      if i know html css and basic js, can i do thi s???

  • @ebenezeronuche9536
    @ebenezeronuche9536 10 месяцев назад +16

    Please guys, as we view this video let's like it as well. That's the least we can do to provide him with support. Keep up the good work Sir Lama

  • @The-sound-of-silence
    @The-sound-of-silence 10 месяцев назад +6

    I watched, liked, and shared the video, can't wait for your next tutorial, thank you so much sir.

  • @oghenefejiroprinceimene6090
    @oghenefejiroprinceimene6090 10 месяцев назад +1

    lama is a GREAT blessing to us developers.. i have benefitted 100% from this channel and he is the best..his explanation and style of teaching is so unique. thank you so much

  • @sandaru1580
    @sandaru1580 10 месяцев назад +41

    great project sir could you also consider adding web sockets for real-time messaging ?

    • @scotly_emi
      @scotly_emi 10 месяцев назад +7

      please i also need it you can also add mysql for database

    • @AbinashSahoo-rn5gm
      @AbinashSahoo-rn5gm 7 месяцев назад

      How to get all these codes

  • @satyapalsrajpoot5469
    @satyapalsrajpoot5469 10 месяцев назад +4

    Awesome!! Project.
    I have learn a lot of from this channel

  • @viniciusm.m.7822
    @viniciusm.m.7822 10 месяцев назад +6

    Awesome!!🎉 Thanks, Lama.
    God bless you!

  • @hamzaunsal301
    @hamzaunsal301 10 месяцев назад +1

    Yine efsanesin Şafak.
    Computer Science bitirdim halen iş bulamıyorum. İnşallah sayende olacak :)

  • @sipalingmancung9895
    @sipalingmancung9895 10 месяцев назад +3

    As always nice study case easy to follow and good looking web design. Can't wait to follow this tutor

  • @muzamilfootballer5682
    @muzamilfootballer5682 10 месяцев назад +2

    Sir you are the best teacher on internet 😍😍😍

  • @raviss98
    @raviss98 10 месяцев назад +3

    Coolest Dev Lama is back with an awesome tutorial. ❤

  • @ZahidHussain-hj2dk
    @ZahidHussain-hj2dk 10 месяцев назад +3

    Keep it up the good work... I recommend to carry on the React projects

  • @alexandermizintsow2036
    @alexandermizintsow2036 7 месяцев назад +1

    I started learning programming 2 years ago. And now I really regret that I did not study it from your videos or videos of English-speaking programmers. Because the level of execution is much higher in the field of technology use. Respect.

    • @Frame0fMindOfficial
      @Frame0fMindOfficial 4 месяца назад

      what if i want to add more pages after landing page then what should i do ...i mean i did try to make new pages but i dont know why i cant and also i am a beginner so can any one help me please out please

  • @diegoquadra6546
    @diegoquadra6546 10 месяцев назад +1

    Amazing tutorial, can't wait for more React driven functionalities, seeing a real simple chat would be amazing :D Some ajax would be nice too

  • @henrybentil9915
    @henrybentil9915 10 месяцев назад +1

    One of the best channels with so much quality content🔥

  • @elyasarkin2638
    @elyasarkin2638 9 месяцев назад +1

    Your contents are so useful and easy to follow. Thank you for your efforts.

  • @RokunuzzamanRafi
    @RokunuzzamanRafi 10 месяцев назад +2

    Good job Lama Dev.. as the backend, I think Express JS is preferable. It will help me to make my MERN full stack development process more ease and understandable. Best of luck dear ❤️

  • @miquellais
    @miquellais 10 месяцев назад +1

    Great job as always, bro! We are waiting for the second part 😌😉

  • @mohammedkaka5558
    @mohammedkaka5558 10 месяцев назад +11

    That's an amazing tutorial, I would love to see more Next.js and Prisma with any db in the backend.

  • @dr.science9609
    @dr.science9609 10 месяцев назад +3

    Really needed project ❤
    Thank you my teacher❤

  • @afaqahmad8918
    @afaqahmad8918 6 месяцев назад +3

    Before 3 das I had started this project. Now completed the UI. after 1 hour I'll start the backend part.
    Thank you Lamadev.😍😍😍😍

    • @tofiqshaikh5109
      @tofiqshaikh5109 5 месяцев назад

      bro , Did any error u got while coding ths project..
      and , Did u use the fork option for the github link in terminal

    • @afaqahmad8918
      @afaqahmad8918 5 месяцев назад

      @@tofiqshaikh5109 no everything is clear

    • @afaqahmad8918
      @afaqahmad8918 5 месяцев назад

      @@tofiqshaikh5109 yes i do use fork

    • @vanshikatewatia6877
      @vanshikatewatia6877 3 месяца назад

      where did you get the dummydata.js?

  • @Zakey360
    @Zakey360 10 месяцев назад +2

    Lama ur voice is smooth and explanation and dev and 💯

  • @18_prathameshdhere66
    @18_prathameshdhere66 5 месяцев назад

    Great work! This video has thoroughly cleared up all my basics of React. Thank you so much for the clear and concise explanations!

  • @TonyLe-q3c
    @TonyLe-q3c 8 месяцев назад +1

    Amazing tutorial and courses. I have subscribed and liked the videos that I've watched. You are a blessing and I wish I could do more.

  • @BrutalInsights
    @BrutalInsights 10 месяцев назад +7

    Another awesome tutorial, stripe & firebase backend would be fun, and fingers crossed for more NextJS apps!
    - Maybe a full stack NextJS barbershop booking/staffing/storefront app? As everyone around the world needs a haircut from time to time and we all know someone that is good with hair and now this would allow us to help the communities around the world thanks to Lama Dev and friends❤

  • @classicdrumpercussion1608
    @classicdrumpercussion1608 10 месяцев назад +2

    I appreciate your effort thanks for such amazing tutorials

  • @proavijit2082
    @proavijit2082 4 месяца назад

    I've totally seen it and done it! This project was absolutely amazing. Huge thanks and much love to you! Can't wait to dive into part 2 and finish it soon! 🌟🙌

    • @Frame0fMindOfficial
      @Frame0fMindOfficial 4 месяца назад

      what if i want to add more pages after landing page then what should i do ...i mean i did try to make new pages but i dont know why i cant and also i am a beginner so can any one help me please out please

    • @vanshikatewatia6877
      @vanshikatewatia6877 3 месяца назад

      where did you get the dummydata from?

  • @UsmanKhan-cr3pk
    @UsmanKhan-cr3pk 10 месяцев назад +2

    my all time fav teacher Thanks you Sir your tutoiral always helf full

  • @LuisPintado
    @LuisPintado 8 месяцев назад

    An excellent tutorial, very grateful for everything you have taught. I have been in frontend development for years and yet every day you always learn something new. Thank you very much, your way of teaching is also very good.

  • @manuQAE
    @manuQAE 10 месяцев назад +4

    Amazing tutorial !! thanks for sharing!!

  • @PauloPinheiro-j8n
    @PauloPinheiro-j8n 8 месяцев назад

    I can only thank you for this amazing content. A tutorial linking this project to an API and/or database would be so useful.

  • @jacobhollakitan3807
    @jacobhollakitan3807 10 месяцев назад +3

    Lama prof you are the real agbaballer

  • @apaosha458
    @apaosha458 Месяц назад

    "Thank you for your amazing tutorial .Your clear explanations and practical examples helped me a lot in improving my skills. I especially loved how you integrated Different features , it was exactly what I needed. Please keep creating such valuable content!"

  • @kirandevk7246
    @kirandevk7246 10 месяцев назад +3

    Would love to see the backend of this projejct.

  • @webworld4297
    @webworld4297 10 месяцев назад +20

    For the next part (backend), please use express js + mysql or postgres

  • @usamarazaaq219
    @usamarazaaq219 8 месяцев назад

    Dear you are the best teacher on youtube please keep making such projects💖

  • @realSeyitan
    @realSeyitan 10 месяцев назад +2

    great video. always love them. for a change, laravel (or php related) for backend this time

  • @atayeroclinton3957
    @atayeroclinton3957 8 месяцев назад

    Wow! I would be an ingrate if I don`t at least leave a complimentary comment after learning from this impactful tutorial. Thanks so much Lama, so much appreciated . keep doing great.

  • @victoriyanu3390
    @victoriyanu3390 10 месяцев назад +2

    Anticipating the backend p[art.... Node, Express etc...

  • @adnanabdul6614
    @adnanabdul6614 9 месяцев назад +1

    hello i love your videos its very informative and with leatest methods thanks for making videos

  • @EugeneKoech-v9j
    @EugeneKoech-v9j 10 месяцев назад +2

    I started your channel 2 weeks ago and I have been really able to learn and understand a lot I really like your videos. A request I have if you could do a fronted project that uses a public api maybe for like sports or crypto I would really appreciate it. Thank You

    • @Shubham-o9f
      @Shubham-o9f 2 месяца назад

      if i know html css and basic js, can i do thi s???

  • @barmavathramesh6494
    @barmavathramesh6494 10 месяцев назад +1

    Great Project Sir...
    Big fan of u From INDIA ... Keep it up
    i want a Spring Boot Tutorial from you

  • @The-sound-of-silence
    @The-sound-of-silence 10 месяцев назад +3

    It would be great if you use MySQL for the next part!
    Can you add also admin panel to add properties?

  • @rsathish6725
    @rsathish6725 10 месяцев назад +1

    I recently watching video..ur great

  • @imad_developer
    @imad_developer 10 месяцев назад +2

    Amazing job. We need the filter functionalities sir. Thank You

  • @mathewadeyemi5389
    @mathewadeyemi5389 10 месяцев назад +1

    I always enjoy you sir.
    by the grace of God you will enjoy yourself.

  • @m.waseem6616
    @m.waseem6616 10 месяцев назад +2

    for backend : express js + postgres ( db ) & sequelize ( ORM )

  • @webDotG
    @webDotG 10 месяцев назад +1

    Чрезвычайно крутой материал спасибо большое

  • @giannisnik5295
    @giannisnik5295 10 месяцев назад +1

    Excellent Work!!!For the backend i think graphQL with Grafbase

  • @fanusalameen3134
    @fanusalameen3134 10 месяцев назад +1

    Love your tutorials! It'd be great if you drop a full stack project using these technologies - React, Redux, Express.js, Node.js and MySql. 🙌

  • @MeryMeryem
    @MeryMeryem 10 месяцев назад

    Could you make a recipe page (category, ingredients, description, title, searching for recipes, commenting and rating them) or show how to add the features rating and commenting for the blog example?

  • @bishalpeterdores7358
    @bishalpeterdores7358 10 месяцев назад +2

    Could you please use nest js and mysql for backend ?

  • @HokagePain07
    @HokagePain07 10 месяцев назад +4

    why page components starts not with capital letters? I thought it's a convention to always use capital letter for jsx files

    • @olanrewajuiremide6303
      @olanrewajuiremide6303 8 месяцев назад

      Those are questions from junior developers, as long as your what u coding does not throw you a buy, any convention style is ok for Development

    • @HSGG_
      @HSGG_ 8 месяцев назад

      he didn't take react course 😂

  • @na4oman
    @na4oman 10 месяцев назад +6

    Great tutorial, Lama! Would like to see backend with nestjs and mysql. Thank you for sharing your priceless work!

  • @tunayuzbayyelce3455
    @tunayuzbayyelce3455 6 месяцев назад

    Great Tutorial, thanks a lot. I can't wait to start the backend video.

  • @YATHARTHBHARDWAJ-y8m
    @YATHARTHBHARDWAJ-y8m 7 месяцев назад

    Amazing tutorial and courses.
    Thank you for everything you do.
    You are amazing

  • @uttamdutta1762
    @uttamdutta1762 5 месяцев назад +2

    Thanks.
    Another very educational video.

  • @chirilovcinicov8216
    @chirilovcinicov8216 Месяц назад +1

    Can't find the dummy data in src/lib..

  • @Beverage21
    @Beverage21 3 месяца назад

    I'm gonna be a master of web dev with your help 🔥🔥🔥🔥🔥🔥

  • @MohamedRabi
    @MohamedRabi 10 месяцев назад +1

    Great Tautorial, could you please provide the figma for the design?

  • @MrTadsuki
    @MrTadsuki 10 месяцев назад +1

    Hello! Thank you for the tutorial. How did you automatically import your components?

  • @myWorldDiscover
    @myWorldDiscover 10 месяцев назад +1

    very good project 🎉

  • @hazehaze7820
    @hazehaze7820 8 месяцев назад +1

    your tutorials are the best!

  • @penniel.software
    @penniel.software 10 месяцев назад +2

    Awesome tutorial, please build api with nodejs + mysql.

  • @poorvashukla
    @poorvashukla 10 месяцев назад +1

    super useful, learned a lot

  • @himankshu
    @himankshu 9 месяцев назад

    I am really happy that you launched another project for free! I had a question that why you didnt used next js? Is building apps with React and other libraries are better than Next js for production?

  • @moses_githinji
    @moses_githinji 10 месяцев назад +1

    Hey @Lama Dev, this is just what I've been looking for. Will you be doing a backend API for it? What about an Admin Board? For the database, could you use Supabase?

  • @understand-webdev
    @understand-webdev 9 месяцев назад

    Great project!! I'd suggest you deploy a live version to netlify so we can practice by viewing the live version instead of cloning your repo.

  • @vivekpadelkar
    @vivekpadelkar 10 месяцев назад +3

    Node js as usual lama

  • @Shimwaposter
    @Shimwaposter 7 месяцев назад

    Thank you for everything you do.
    You are amazing

  • @الأسواقالعربيةالعالمية
    @الأسواقالعربيةالعالمية 10 месяцев назад +1

    Hello Lama thank you for the content. for the backend could use postgreSQL with waterMelon DB or KeyDB ? or django

  • @koririan254
    @koririan254 9 месяцев назад +1

    where can i gat the dummy data.

  • @shirish_yt
    @shirish_yt 3 месяца назад

    25:30 , a doubt why does the with the logo and website name doesnt disappear on shrinking the size when we have applied display: none for sm screen?

  • @munna5553
    @munna5553 10 месяцев назад +1

    i need help in react redux for manage user data (auth). please make video on it

  • @alvarojaramillo2129
    @alvarojaramillo2129 10 месяцев назад

    This project looks really nice and professional. Thank you very much for showing us how to make it. I've been trying to figure out hosting websites on AWS. Any help on hosting on AWS would be greatly appreciated on future videos. Thanks again.

  • @dinupriyaranaweera7250
    @dinupriyaranaweera7250 6 месяцев назад

    thank you for the content. where is the register and signup page ui creation part?

  • @Codewithbelieve1
    @Codewithbelieve1 6 месяцев назад +3

    The map css did not work how did you get it

  • @soumeshnayak4546
    @soumeshnayak4546 4 месяца назад

    Awesome explanation ❤

  • @shaamidrees6036
    @shaamidrees6036 10 месяцев назад +2

    Sir plz make MERN project only, next js project we can't complete even after 2 months of upload because of frequent updates

  • @PolatjonQurbonov
    @PolatjonQurbonov 9 месяцев назад

    Thank you for your lesson Mr !!!

  • @venometl
    @venometl 9 месяцев назад

    Awesome tutorial videos, learned so much from you! Could you also do a video on React Native please.

  • @frontend_ko
    @frontend_ko 8 месяцев назад +1

    finally found a tutorial that doesn't use tailwind

  • @afaqahmad8918
    @afaqahmad8918 6 месяцев назад +1

    leaving book mark
    2:28:30

  • @amrutkhot992
    @amrutkhot992 10 месяцев назад

    Nodejs+mongodb as usual Lama 😃💯

  • @maleksameer5797
    @maleksameer5797 7 месяцев назад +2

    Can anyone please tell me how Can I deploy this project and what chnages exactly needs to be done in code before deploying the project on vercel or netlify??

  • @ScriptyVijay
    @ScriptyVijay 10 месяцев назад

    If it's possible please provide some color and size information in readme. It would be really helpful

  • @SachinPorwal-e4x
    @SachinPorwal-e4x 10 месяцев назад +1

    MERN Stack Always For all your Projects

  • @mirazh8216
    @mirazh8216 10 месяцев назад +1

    Great as always .... great project sir could you also consider adding web sockets for real-time messaging ? MERN is my choice but M for mysql 😂😂😂

  • @rahmatullahbizhan7796
    @rahmatullahbizhan7796 8 месяцев назад

    Thank you so much for this GREATE tutorial

  • @aseladaskon85
    @aseladaskon85 8 месяцев назад

    Hi Lama Dev, You are explaining things very well. I really like your channel. I have one request. can you make this tutorial with typescript? It's more useful for today's job market. Thanks again for these tutorials.

  • @lawra7teen99
    @lawra7teen99 9 месяцев назад

    How do you style your scrollbar? Thank you so much for you effort and time

  • @IamDarkAngeL1
    @IamDarkAngeL1 10 месяцев назад +1

    another awesome video !

  • @ahmedaq9018
    @ahmedaq9018 10 месяцев назад

    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! 😅

  • @ademabdelmalek8188
    @ademabdelmalek8188 10 месяцев назад

    Thank very much for this video , and I hope you will make next video for backend using the technolgies django and postgres .

  • @nurmuhammadyorov9775
    @nurmuhammadyorov9775 9 месяцев назад

    when will the second course?

  • @lefikamoalosi
    @lefikamoalosi 7 месяцев назад +1

    Hey Lama Dev, are you able to make a mobile app version of this website using React Native?

  • @code-rookie-23
    @code-rookie-23 10 месяцев назад

    I like your video, and I think it is better u use tailwind , it is my opinion,
    thank you bro , for keeping make such amazing tutorial:)