🏝️Complete Responsive Tour and Travel Website using ReactJS and Tailwind CSS || Build and Deploy
Build and Deploy Complete Tour and Travel Website using ReactJS and Tailwind CSS. you will learn how to make modern Multi Routes responsive web application from Building to Deploying it on the internet.
👁️ Live Preview:
https://travel-tcj.netlify.app/
🧡 Get the source code absolutely Free || Don't forget to LIKE & SUBSCRIBE😍
💬 Join our community
WhatsApp :- https://chat.whatsapp.com/Hu643OfjQax...
Telegram :- https://t.me/the_coding_journey
🎁 Source Code Link:- https://github.com/dilshad-ahmed/tour...
🎬 Playlist ( Full website Build from scratch + Free Assets + Free Code )
• Complete Responsive Websites ReactJS ...
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
Features:
👉🏻 Responsive Complete Landing page with popup modal.
👉🏻 Responsive Navbar with dropdown menu.
👉🏻 Animation on scroll.
👉🏻 Fully responsive Hero page( All device supported )
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
What you will learn:
🔥 How to build Responsive Navbar using ReactJS.
🔥 you'll learn react-router-dom with creating multi route application.
🔥 How to build Modern Responsive Hero page using ReactJS and Tailwind CSS.
🔥 You'll build custom Popup modal.
🔥 You'll learn to animation on websites.
🔥 You'll build fully responsive website in reactJS using Tailwind CSS
🔥 Best practices and debugging skills.
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
⏱ Timestamps
00:00 Demo
04:02 Responsive Demo
06:24 Software Download
06:59 Project Setup
10:05 Configuring Tailwind CSS
12:33 react-router-dom and app Routes Configuration
20:47 Responsive Navbar Section Tailwind CSS
38:18 Mobile Responsive Menu Sidebar
49:40 Hero Section
01:04:02 Best Places Section
01:16:27 Banner Section
01:20:50 Blogs Section
01:34:47 Animated Banner with Details Section
01:45:35 Testimonial Section
01:54:36 Footer Section
02:05:44 Best Place Route
02:06:54 Blogs Route
02:07:58 About us Route Section
02:12:47 Blog Details Page
02:20:26 Popup Modal with React and Tailwind Section
02:33:29 Testing and Result
02:35:18 Responsive Testing
02:37:02 Building and Deployment
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
💼 Packages :
tailwind css - https://tailwindcss.com/
react - https://react.dev
vite js - https://vitejs.dev/guide/
react icons - https://react-icons.github.io/
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
#reactwebsite #travelwebsite #travel #responsivewebsite #tourism #tailwindcss #reactjs #tailwind #websitedesign #css #webdesign #webdevelopment #frontend #frontenddevelopment #uidesign #thecodingjourney #tcj #coding #codingtutorial
Смотрите видео 🏝️Complete Responsive Tour and Travel Website using ReactJS and Tailwind CSS || Build and Deploy онлайн без регистрации, длительностью часов минут секунд в хорошем качестве. Это видео добавил пользователь The Coding Journey 24 Декабрь 2023, не забудьте поделиться им ссылкой с друзьями и знакомыми, на нашем сайте его посмотрели 18,513 раз и оно понравилось 422 людям.