🍓Responsive Website Design Using ReactJS and Tailwind CSS || Build and Deploy Creative website

Sobre esta lección

Build and Deploy Creative Fully Responsive Hero page using ReactJS and Tailwind CSS. In this tutorial you will learn how to make modern responsive Hero page, online Fruits Seller Website and also you will learn how to deploy it on the Server. 👁️ Live Preview: https://strawberry-tcj.netlify.app/ 🧡 Get the source code absolutely Free || Don't forget to LIKE & SUBSCRIBE😍 💬 Join our community WhatsApp :- https://chat.whatsapp.com/Hu643OfjQax7zgqQdlok2C Telegram :- https://t.me/the_coding_journey Source Code :- https://github.com/dilshad-ahmed/strawberry-hero 🎬 Playlist ( Full website Build from scratch + Free Assets + Free Code ) https://www.youtube.com/playlist?list=PLt2fZkYs6q_l2WebLGr6biyk551rLUtLV - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - Features: 👉🏻 Responsive Complete Hero page. 👉🏻 Responsive Navbar with Sidebar Drawer menu. 👉🏻 Beautiful Animated website (Animate on scroll). 👉🏻 Fully responsive Hero page( All device supported ) - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - What you will learn: 🔥 How to build Responsive Navbar using ReactJS. 🔥 How to build Responsive Hero page. 🔥 How to build Modern Responsive Hero page using ReactJS and Tailwind CSS. 🔥 You'll build Sidebar Drawer with onClick handler. 🔥 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 What we build 01:26 Required Software 02:26 Project Setup 06:15 Tailwind configuration 10:19 Responsive Navbar for desktop 19:02 Dark mode feature with react and tailwind 14:01 Navbar for mobile view 22:52 Hero section 46:58 Sidebar Drawer section 01:00:00 Responsive bug fixing 01:00:53 Animation AOS 01:09:57 Final Overview 01:06:05 Car List Section 01:11:07 Deployment - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - 💼 Packages : tailwind css - https://tailwindcss.com/ react - https://react.dev vite js - https://vitejs.dev/guide/ react icons - https://react-icons.github.io/ - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - Follow us on - Facebook - https://m.facebook.com/thecodingjourney Instagram - https://www.instagram.com/the.coding.journey Twitter - https://mobile.twitter.com/thecodingjourny - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - #reactwebsite #creativewebdesign #responsivewebsite #tailwindcss #reactjs #tailwind #websitedesign #css #webdesign #webdevelopment #frontend #frontenddevelopment #uidesign #thecodingjourney #tcj #coding #codingtutorial #htmlcss #html #website #creative