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:
[ Ссылка ]
🧡 Get the source code absolutely Free || Don't forget to LIKE & SUBSCRIBE😍
💬 Join our community
WhatsApp :- [ Ссылка ]
Telegram :- [ Ссылка ]
🎁 Source Code Link:- [ Ссылка ]
🎬 Playlist ( Full website Build from scratch + Free Assets + Free Code )
[ Ссылка ]
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
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 - [ Ссылка ]
react - [ Ссылка ]
vite js - [ Ссылка ]
react icons - [ Ссылка ]
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
#reactwebsite #travelwebsite #travel #responsivewebsite #tourism #tailwindcss #reactjs #tailwind #websitedesign #css #webdesign #webdevelopment #frontend #frontenddevelopment #uidesign #thecodingjourney #tcj #coding #codingtutorial
