๐ Welcome back to my channel! In this tutorial, we’re building a Flight Booking Website using the powerful combination of React, TypeScript, and Tailwind CSS. Join me as we bring this React Flight Booking landing page to life, packed with stunning design elements.
โ๏ธ What You’ll Accomplish:
Explore the intricacies of building a fully responsive Flight Booking Website from scratch. Whether you’re a seasoned developer or just starting out, this tutorial is designed to be both educational and engaging.
๐จ My VS Code Theme And Extensions :
– Auto Import
– Glasslt-VSC
– Material Icon theme
– Simple React Snippets
– One Dark Palenight
– Prettier Code Formatter
– Tailwind CSS IntelliSense
๐ Source Code : https://github.com/CodeItDownYt/React-Flight-Booking-Website
All Images from Pexels.com
๐ Don’t forget to hit that like button, subscribe, and ring the notification bell to stay updated on future coding projects! Have a question or a suggestion for the next tutorial? Drop them in the comments below.
Also check out my Landing Page playlist if you like this type of content:
https://youtube.com/playlist?list=PL3Ooon3sSEMN-qyz7RBxk-utppIqnBhvf&si=036QH4XnuVFTKcm3
๐ Happy Coding!
๐Timestamps:
00:00 Intro (what we’re building)
01:05 Project Setup and Routing
06:32 Navbar Component
11:16 Hero Component
17:57 Features Component
23:36 About Component
29:42 Plans Component
37:54 Banner Component
43:09 Blog Component
49:12 Footer Component
51:37 Debug & Outro
#react #landingpage #flightbooking #typescript #tailwindcss #responsive #webdesign
source
If you like this video, Check out this one as well: https://youtu.be/hQsGl8TdDOk?si=ks4G5Tta6gcsEEOe
Wasn't it more convenient to use Gsap for the animations ?
what auto complete feature are you using in VScode brother
beatiful code.
Perfect, congratulations! waiting for the backend ๐
Niceeee well done bro โค๐