Build a Modern Real Estate React.js App | Next.js Website Tutorial
Автор: Calvin Torra
Загружено: 2023-01-24
Просмотров: 28313
The first in a series of portfolio filler projects built in React.js and Next.js. Take this project as your own and show potential clients your #reactjs and #nextjs skills.
Fetch properties and luxury real estate properties in this real life Real Estate Web App. The best Real Estate App on YT right now.
Hire Me For Freelance Projects
https://calvintorra.com/contact
Gist
https://gist.github.com/Calvin087/51f...
RapidAPI links
https://rapidapi.com/
https://rapidapi.com/apidojo/api/bayut
Complete Repo
https://calvintorra.com/api/l/real-es...
Time Stamps
0:00 Intro
1:10 Installing Next.js
2:00 Copy Property JSON
3:00 Installing Extra Libraries
3:30 Installing and Configure Chakra-UI
5:00 Navigation Component
9:24 Desktop Navigation
18:35 Mobile Navigation
23:45 Footer Component
30:56 Footer Bottom Bar
33:30 Default Layout
35:37 Hero Banner Section
43:33 Hero Hook Form
56:16 Static Props Featured Properties
1:03:47 Image Carousel
1:10:37 React Custom Hook (Property Format)
1:18:57 Property Card Component
1:31:11 Meet The Team Component
1:44:38 Partners Component
1:49:32 Testimonials Component
2:00:30 React Custom Hook (Screen size)
2:05:32 Properties Page
2:10:08 Server Side Props Single Property Page
2:12:41 Finish Custom Hook (Property Format)
3:01:00 Contact Page
3:13:12 API Layer (RapidApi)
Доступные форматы для скачивания:
Скачать видео mp4
-
Информация по загрузке: