Summary
Keywords
Full Transcript
🚀 Ready to take your web design skills to the next level? In this video, we’ll walk you through the creation of three stunning hero sections that are not only visually captivating but also packed with modern features like responsive design, dark/light modes, custom animations, and get source codes for free. 🎁 1- Strawberry Hero: A vibrant, fully responsive hero with a sleek sidebar drawer menu and smooth scroll animations. 👀 Live Preview: https://strawberry-tcj.netlify.app/ 📂 Free Souce Code: https://github.com/dilshad-ahmed/strawberry-hero ✨Features: - Responsive Navbar with Sidebar Drawer menu. - Beautiful Animated website (Animate on scroll). - Fully responsive Hero page( All device supported ) __________________________________________ 2- Smartwatch Ecommerce Website Hero: Perfect for online stores, this section features a dark/light mode toggle, dropdown menu, and dynamic animations. 👀 Live Preview: https://watch-store-tcj.netlify.app/ 📂 Free Souce Code: https://github.com/dilshad-ahmed/watch_store ✨Features: Responsive Complete Hero page - Responsive Navbar with dropdown menu. - Dark and Light mode features. - Beautiful Animated website . __________________________________________ 3-Doraemon website: A fun and interactive design with a custom popup modal for YouTube videos and a stylish sidebar drawer menu. 👀 Live Preview: https://doraemon-tcj.netlify.app/ 📂 Free Souce Code: https://github.com/dilshad-ahmed/doraemon ✨Features: - Responsive Complete Hero page. - Custom Popup Modal for youTube Video. - Responsive Navbar with Sidebar Drawer menu. - Beautiful Animated website . __________________________________________ 💬 Join our community WhatsApp :- https://chat.whatsapp.com/Hu643OfjQax7zgqQdlok2C Telegram :- https://t.me/the_coding_journey 🧡 Don't forget to LIKE & SUBSCRIBE 👍🏻 support my work: https://buymeacoffee.com/thecodingjourney/ 🎬 Playlist ( Full website Build from scratch + Free Assets + Free Code ) https://www.youtube.com/playlist?list=PLt2fZkYs6q_l2WebLGr6biyk551rLUtLV 🎬 Playlist ( Creative website + Free Assets + Free Code ) https://www.youtube.com/playlist?list=PLt2fZkYs6q_nUJwCxmZDtssLHZxxNF5Ai __________________________________________ In this tutorial you will learn: 🔥 How to build Responsive Navbar using ReactJS and Tailwind CSS. 🔥 How to build Animated Hero Section. 🔥 How to build Modern Responsive Hero page using ReactJS and Tailwind CSS. 🔥 You'll learn to implement dark mode features in react app. 🔥 You'll learn to implement hero page change content using useState hooks. 🔥 You'll build fully responsive website in reactJS using Tailwind CSS. 🔥 Best practices and debugging skills. 🔥 How to build and Deploy react js application. __________________________________________ 🕒Timestamps 00:00 Intro 01:17 Strawberry Website with reactjs and tailwind css 01:17:15 Smartwatch Ecommerce Website 02:44:07 Doraemon Creative website 💼 Packages : tailwind css - https://tailwindcss.com/ react - https://react.dev vite js - https://vitejs.dev/guide/ react icons - https://react-icons.github.io/ __________________________________________ 🔔 Join our community and follow us on WhatsApp: https://chat.whatsapp.com/Hu643OfjQax7zgqQdlok2C Telegram: https://t.me/the_coding_journey Facebook - https://m.facebook.com/thecodingjourney Instagram - https://www.instagram.com/the.coding.journey Twitter - https://mobile.twitter.com/thecodingjourny #reactjs #tailwindcss #ecommerce #creativewebsite #ecommercewebsite #smartwatch #fruitssellingwebsite #herosections #uidesign #webdesign #website #modernwebdesign #animatedwebsite #html #htmlcss #htmlcssjavascriptproject #reactwebsite #reactjstutorial #responsivewebsite #websitedevelopment #webdesign #webdevelopment #frontend #frontenddevelopment #thecodingjourney #tcj #coding #codingtutorial #uiux
Continue this lesson in the app
Install CourseHive on Android or iOS to keep learning while you move.
