Modern Landing Page Tailwind CSS Project

>> YOUR LINK HERE: ___ http://youtube.com/watch?v=4sc6BhgS_Co

Build and Deploy complete Ecommerce Website using ReactJS and Tailwind CSS. In this tutorial you will learn how to make modern complete responsive Ecommerce website, and also you will learn how to deploy it on the internet. • 👁️ Live Preview: • https://eshop-tcj.netlify.app/ • 📂 Source code (Support 💖) : https://www.buymeacoffee.com/thecodin... • 👨🏻‍💻 Develop the project : https://github.com/dilshad-ahmed/Shop... • 👆 Download (files + images) • Click on the GitHub link • Click the green button (code) • Click Download ZIP • - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - • 💬 Join our community to get the source code for Free • || Don't forget to LIKE SUBSCRIBE😍 • WhatsApp : https://chat.whatsapp.com/Hu643OfjQax... • Telegram : https://t.me/the_coding_journey • - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - • 🎬 Playlist ( Full website Build from scratch + Free Assets + Free Code ) • • Complete Responsive Websites ReactJS ... • 👨🏻‍💻Gadgets I used 👇🏻 • Laptop: https://amzn.to/3VRiIMh | https://amzn.to/4ctuMul • Monitor: https://amzn.to/45WzIVP | https://amzn.to/3Wbjbdx • Keyboard: https://amzn.to/3XOhggg • Mouse: https://amzn.to/45WKSdo • Pentab: https://amzn.to/4eM1rwN • Mic: https://amzn.to/3zxM9eM • Chair: https://amzn.to/45Rzsrj • Bluetooth earphone: https://amzn.to/3LkK749 • - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - • Features: • 👉🏻 Responsive Complete Landing page with popup modal. • 👉🏻 Responsive Navbar with dropdown menu. • 👉🏻 Dark and Light mode features. • 👉🏻 Beautiful Animated website (Animate on scroll). • 👉🏻 Fully responsive Hero page( All device supported ) • 👉🏻 Modern responsive product card • 👉🏻 Responsive Footer using Tailwind CSS. • • - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - • What you will learn: • 🔥 How to build Responsive Navbar using ReactJS. • 🔥 How to build Scrollable Hero page. • 🔥 How to build Modern Responsive Hero page using ReactJS and Tailwind CSS. • 🔥 You'll build custom Popup modal. • 🔥 You'll learn to implement dark mode features in react app. • 🔥 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 Demo • 03:00 Responsive Demo • 05:18 Project Setup • 👉🏻 Download VS-code and NodeJS if not installed • 07:05 Configuring Tailwind CSS • 👉🏻 Installed ES7+ React/Redux.. snippets extention • 13:04 Responsive Navbar Section Tailwind CSS • 39:04 Dark Mode Feature ReactJS • 50:00 Navbar Dropdown Links with tailwind CSS • 59:42 Responsive Sliding Hero Section with Tailwind CSS • 01:22:27 Category Card Section • 01:44:53 Services Section • 01:52:05 Animated Banner Section with Tailwind CSS • 02:04:43 Animated Product Card Section • 02:21:10 Reused Responsive Banner Section • 02:22:28 Responsive Blogs Card Tailwind css • 02:31:58 Partners Section • 02:37:00 Responsive Footer Section with Tailwind CSS • 02:54:00 Custom Order Popup Section with React and Tailwind • 03:10:20 Animation section • 03:21:04 Testing and Preview • 03:24:41 Deployment • 03:03:26 Final Preview (Subscribe and start your coding journey)😍 • - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - • 💼 Packages : • tailwind css - https://tailwindcss.com/ • react - https://react.dev • vite js - https://vitejs.dev/guide/ • react icons - https://react-icons.github.io/ • image- https://pngtree.com/freebackground • - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - • Follow us on - • Facebook - • / thecodingjourney • Instagram - • / the.coding.journey • Twitter - • / thecodingjourny • - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - • #reactwebsite #ecommerce #ecommercewebsite #responsivewebsite #onlineshoping #tailwindcss #reactjs #tailwind #websitedesign #css #webdesign #webdevelopment #frontend #frontenddevelopment #uidesign #thecodingjourney #tcj #coding #codingtutorial

#############################

New on site