Build A React JS Travel Website Using Tailwind CSS - Front End - Start to Finish

✈️ Build this Front-end React JS Travel Website! ✈️

In this video I rebuild a previous project using React JS and Tailwind CSS!

I left some time stamps below for your convenience. Follow along as I create a basic React JS application and install Tailwind CSS.  I'm having a lot of fun working with tailwind inside of my React projects - it is such a time saver. We will be using the useState hook to toggle our mobile responsive navbar state and build a custom image carousel component. I hope you enjoy the video. Would love to hear your feedback.

GitHub Repo!   Images Found at-  /src/assets/
https://github.com/fireclint/react-tr...

ZeroTo Mastery:
- Master React JS Course - https://bit.ly/Learn-React-JS
- Complete Web Developer in 2023 - https://bit.ly/Complete-Web-Developer...

Coding Challenges!
https://bit.ly/Code-Challenges

Install Tailwind:
https://tailwindcss.com/

Time Stamps:
0:00 - Intro
01:25 - Create-React-App With Yarn
02:19 - File Clean-up & Project Layout
03:01 - Install & Configure Tailwindcss
06:45 - Create Navbar Component
09:35 - Install React-Icons With Yarn
11:44 - Global Styles With Tailwindcss (Base Styles)
35:32 - Create Video Background Component
46:44 - Create ‘Destinations’ 5-Col Grid Layout Component
53:38 - Create ‘Search’ 2-Col Grid Layout With Form
01:10:58 - Create ‘Selects’ Component - Pass props to functional component
01:14:59 - Create Component Receiving Properties From ‘Selects’
01:19:19 - Carousel Component - useState
01:29:28 - Create Footer Component

🔥 My Coding Equipment 🔥
Logitech MX Wireless Keyboard - https://amzn.to/3xKPFiN
Logitech MX Master 2S Wireless Mouse - https://amzn.to/3O5WmRD
SAMSUNG 49-Inch Gaming Monitor - https://amzn.to/3mvUy8M
Shure MV7 USB Podcast Microphone - https://amzn.to/3O00nqG
Mic Boom Arm - https://amzn.to/3NHn6YU
Monitor Desk Light Bar - https://amzn.to/3xzKlyj

☕ Buy me a Coffee ☕
https://www.buymeacoffee.com/clintbriley

Instagram 💪
Instagram: fireclint