ReactJs, TailwindCSS + SwiperJS Landing Page | TailwindCSS crash course in this video we will be building a landing page for a website using ReactJs, TailwindCSS and SwiperJs for carousels. Learn how to set up or bootstrap a ReactJs application using vite, install and configure tailwindcss, customize colors, screens etc. Master creations of slides/carousel using swiperjs and also customization of distinct parts.
This video explores tailwindcss and SwiperJs in-depth within the timeframe and would leave you with substantial knowledge on the use of both technologies and also tips and tricks for your react applications.
____ Contents of this Video____
00:00 – Intro
00:17 – Installations and set up
09:15 – TailwindCSS intellisense installation
09:55 – TailwindCSS Demo
13:54 – Navbar
40:31 – Hero Section
54:26 – Carousel with SwiperJS
1:17:40 – Additional Section
1:22:32 – Newsletter
1:28:11 – Footer
1:34:24 – Outro
IMPORTANT LINK
👉 PROJECT GITHUB REPO:
👉Custom CSS + Manipulation Using JavaScript :
👊 Stay connected with me
Twitter:
Instagram:
Github:
👍 Don’t forget to like and subscribe
2 Comments
Ikechukwu Peter
2 years agoPlease subscribe. like and comment, I really do appreciate your feedback.😸👍
David Abolade
2 years agoWonderful video, Pete.
I will looking out for more.