Перейти к содержимому

✈️ Complete Responsive Tour and Travel Website using ReactJS and React Bootstrap | Part 1

Web Crafters

0:00 / 0:00

✈️ Complete Responsive Tour and Travel Website using ReactJS and React Bootstrap | Part 1

36 582 просмотра · 2 года назад
Web Crafters
1,02 тыс. подписчиков
36 582 просмотра · 2 года назад
In this tutorial, we will build a real-time tour and travel website using React JS. We will create a responsive website while covering both basic and advanced concepts of React. Let's get started! 👁️ Live Preview: https://extraordinary-flan-3a886a.net... 🔔 Don't forget to subscribe to the channel at ‪‪@Web.Crafters‬ for more tutorials like this 👉 How to Create Responsive Navbar with Bootstrap 5    • Bootstrap 5 | Build Responsive Navbars for...   👉 Responsive Login Page Created With HTML CSS & JavaScript    • Bootstrap 5 Login Form | Responsive Login ...   support me 💖 : https://buymeacoffee.com/webcrafter8/... Source code : https://github.com/webcrafters2024/tr... - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - Features: 👉🏻 Responsive complete landing page with Bootstrap. 👉🏻 Responsive Navbar with a dropdown menu. 👉🏻 Animation on hover. 👉🏻 Slick slider integration. 👉🏻 Fully responsive design .- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - What you will learn: 🔥 How to build a responsive Navbar using React Bootstrap. 🔥 How to use react-router-dom to create route applications. 🔥 How to pass data between components. 🔥 How to create a search bar with suggestions and filters. - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - Timeline ———————————— 00:00 Introduction 05:17 Project Setup 07:48 Folder Structure 09:21 App Routes Configuration 12:46 Add Google Font 13:51 Add Bootstrap Icons 15:11 Responsive Navbar Section 48:36 Banner Section 1:06:48 Search Section 1:52:04 Feature Section 2:08:32 Tours Section 2:30:09 Popular Section 3:03:59 Contact us 3:13:29 Photo Gallery 3:16:50 Footer Section 3:37:13 Final Result ———————————— Credits ———————————— React Bootstrap - https://react-bootstrap.netlify.app Images - https://www.freepik.com/ icons - https://www.flaticon.com/ ———————————— Follow us on - Instagram -   / web.crafters2024   Facebook -   / 61564137717276   - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - Music by MBB    / mbbmusic     / mbbofficial     / mbb_music   #reactwebsite #travelwebsite #travel #responsivewebsite #tourism #reactjs #websitedesign #css #webdesign #webdevelopment #frontend #frontenddevelopment #uidesign #coding #codingtutorial