React Real Estate App UI Design Tutorial for Beginners

preview_player
Показать описание


You are watching the 1st part.

If it is valuable to you, you can support Lama Dev.

Source Code (Includes starter and completed branches):

Join Lama Dev groups

00:00 Introduction
02:17 Installation
08:17 Responsive Layout with CSS
15:36 React Responsive Navbar Design
24:26 React Responsive Hamburger Menu Design
33:09 Real Estate App Homepage Design
36:00 React Responsive Hero Section Design
44:27 Search Bar Design with React & CSS
01:03:49 React Router Dom Tutorial 2024
01:07:08 React Router Dom Outlet Tutorial
01:12:25 React Responsive List Page Design
01:39:30 React Map Tutorial (Open Source Map Library)
01:40:41 React Leaflet Map Tutorial
02:12:41 Property Features Design
02:50:17 React Messenger Chat Window Design
03:00:55 What’s Next?
03:01:25 Outro
Рекомендации по теме
Комментарии
Автор

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

francisnjugunaldc
Автор

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.

MuhammadBilal-cqtp
Автор

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! :)

oleksandrvoichyshyn
Автор

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

ebenezeronuche
Автор

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

oghenefejiroprinceimene
Автор

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

sandaru
Автор

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

The-sound-of-silence
Автор

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

mohammedkaka
Автор

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

webworld
Автор

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

viniciusm.m.
Автор

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❤

BrutalInsights
Автор

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

ZahidHussain-hjdk
Автор

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

sipalingmancung
Автор

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

satyapalsrajpoot
Автор

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

hamzaunsal
Автор

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

EugeneKoech-vj
Автор

Sir you are the best teacher on internet 😍😍😍

muzamilfootballer
Автор

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 ❤️

RokunuzzamanRafi
Автор

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

Thank you Lamadev.😍😍😍😍

afaqahmad
Автор

Coolest Dev Lama is back with an awesome tutorial. ❤

raviss