Part 1 : React Js Fullstack Real Estate Web application (React , GraphQL , Sass Modules Strapi)
Support the channel: https://www.buymeacoffee.com/webdesigntutsyt
OR KO-FI: https://ko-fi.com/webdesigntuts
Contact me : [email protected]
Source Code for Part1: https://github.com/webdesigntuts/RealEstateApp
PART 2 : https://youtu.be/OqDYLrY4HWA
(Buy, Rent & Search Pages using GraphQL to fetch data from the Strapi Backend).
REAL ESTATE APPLICATION FULLSTACK WITH REACTJS GRAPHQL SASS CSS MODULES AND STRAPI
You'll be able to upload new houses with details such as Street Price Rent , and you'll fetch those from the React FrontEnd. The project contains some basic filters on the search category such as price filter.
Thank you Like & Subscribe For More Projects
---------------------------------------------------------------------------------
More Videos:
React Side Navbar Fully Responsive Step By Step (Dashboard Style) Using React Router | Sass ( With Source )
⇒ https://youtu.be/zSbYo4y1yfA
How to Make Modern Responsive Website Using HTML CSS JAVASCRIPT | Product Landing Page Web Design ( With Source )
⇒ https://youtu.be/bX8N8vmwNIA
How To Make WEBSITE FOOD RESTAURANT| HTML CSS JAVASCRIPT | Responsive Web Design ( With Source )
⇒ https://youtu.be/8PavvfLvm_s
Responsive E-commerce Fashion Website | Carousel Animation HTML Pure CSS & Vanilla JAVASCRIPT ( With Source )
⇒ https://youtu.be/lZ2df36TJvM
Responsive Car Website Design Using HTML CSS ( With Source )
⇒ https://youtu.be/fzaltswGpCE
HTML CSS Responsive Landing Page | Bakery Landing Page from scratch ( With Source )
⇒ https://youtu.be/1KBSACAIDdw
Responsive E-commerce Landing Page With Carousel Using HTML CSS & JAVASCRIPT ( With Source )
⇒ https://youtu.be/1KBSACAIDdw
Timestamp:
00:00 Demo
02:35 Create-react-app setup
05:12 React-router-dom
07:07 NavBar (React-router navLink)
14:00 NavBar Styling
20:10 NavBar Custom Hook (Click Outside)
22:35 Section1 (Home Page)
41:24 ArrowButton Component
44:00 Section2
55:13 Section3 (Carousel SwiperJs)
1:00:00 Card Component
1:16:00 Section4
1:27:00 Section5
1:31:50 Footer
1:39:25 First Part Overview
Music:
Inner Light by Kevin MacLeod is licensed under a Creative Commons Attribution 4.0 License. https://creativecommons.org/licenses/by/4.0/
Source: http://incompetech.com/music/royalty-free/index.html?isrc=USUAN1300021
Artist: http://incompetech.com/
Что делает видео по-настоящему запоминающимся? Наверное, та самая атмосфера, которая заставляет забыть о времени. Когда вы заходите на RUVIDEO, чтобы посмотреть онлайн «Part 1 : React Js Fullstack Real Estate Web application (React , GraphQL , Sass Modules Strapi)», вы рассчитываете на нечто большее, чем просто загрузку плеера. И мы это понимаем. Контент такого уровня заслуживает того, чтобы его смотрели в HD 1080, без дрожания картинки и бесконечного буферизации.
Честно говоря, Rutube сегодня — это кладезь уникальных находок, которые часто теряются в общем шуме. Мы же вытаскиваем на поверхность самое интересное. Будь то динамичный экшн, глубокий разбор темы от любимого автора или просто уютное видео для настроения — всё это доступно здесь бесплатно и без лишних формальностей. Никаких «заполните анкету, чтобы продолжить». Только вы, ваш экран и качественный поток.
Если вас зацепило это видео, не забудьте взглянуть на похожие материалы в блоке справа. Мы откалибровали наши алгоритмы так, чтобы они подбирали контент не просто «по тегам», а по настроению и смыслу. Ведь в конечном итоге, онлайн-кинотеатр — это не склад файлов, а место, где каждый вечер можно найти свою историю. Приятного вам отдыха на RUVIDEO!
Видео взято из открытых источников Rutube. Если вы правообладатель, обратитесь к первоисточнику.