Build Responsive Travel Website Using React JS And Tailwind CSS | React ,Vite & Tailwind CSS #react

Описание

Build Responsive Travel Website Using React JS And Tailwind CSS | React and Tailwind CSS Website #reactjs #tailwindcss #webdesign #webdevelopment

Build A React JS Travel Website Using Tailwind CSS - Front End - Start to Finish
Build a Modern Travel web | React Website Tutorial | React & Vite Beginner Website
React JS Project - Responsive Tour and Travel Website Beginner React JS
Modern Travel Agency Web App | React JS with Tailwind CSS | Vite JS
React js Projects for Beginners


?SOURCE CODE -:
https://github.com/rohitbhadane310/landing-pages/tree/main/travel-web

Tailwind CSS Website -:
https://tailwindcss.com/

Google Fonts Website -:
https://fonts.google.com/

React Icons Website -:
https://react-icons.github.io/react-icons/

Install react dependencies -:
npm i react-scroll
npm install react-icons --save

In this website design tutorial we are building the travel landing page which have the sections are navbar , home , features , destinations , about , contact , footer. we are using the react , Vite and tailwind css for design. we are using the vite for fast performance of website you also can use the normal npx create-react-app your-project-name.

In this video, you’ll learn -:
- React functional components and their reusability
- React file and folder structure
- How to use tailwind css in react project
- How to use the react-scroll module

timestamp:
00:00 Demo
03:20 React and Tailwind setup
06:48 Navbar Component
17:41 Home Component
21:12 Features Component
27:11 Destinations Component
33:35 About Components
37:12 Contact Components
43:08 Footer Component
49:26 Outro

#responsivewebsite
#reactjs
#tailwindcss
#css
#webdesign
#webdevelopment
#frontend