Summary
Keywords
Full Transcript
📥Get this template from here 🔗 https://templatesee.com/template/ecommerce-website-template-reactjs-and-tailwind-css 🔥FREE & Premium templates on our website! 🔗 https://templatesee.com ✅ For Startups & Businesses – Build a stunning online presence effortlessly. ✅ For Developers – Customize & use it in your projects. ✅ For Learners – Perfect for practicing and improving your web development skills! _______________________________________________________ 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://shopsy-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/shopsy Support me : https://www.buymeacoffee.com/thecodingjourney/e/212549 🎬 Playlist ( Full website Build from scratch + Free Assets + Free Code ) https://www.youtube.com/playlist?list=PLt2fZkYs6q_l2WebLGr6biyk551rLUtLV - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - 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 👉🏻 Dark Responsive Footer with background image. - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - 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 04:04 Responsive Demo 06:18 Software Download 06:46 Project Setup 11:02 Configuring Tailwind CSS 12:50 Responsive Navbar Section Tailwind CSS 33:18 Dark Mode Feature ReactJS 44:29 Navbar Links with Dropdown 53:58 Sliding Hero Section 01:10:54 Products Card Section 01:20:10 AOS animation 01:23:11 Top Products Section 01:34:54 Animated Banner with Details Section 01:43:20 Email Subscribe Section 01:50:20 Testimonial Section 02:01:09 Footer Section 02:15:22 Custom Order Popup Section 02:27:38 Testing and Preview 02:30:25 Deployment - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - 💼 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 - https://m.facebook.com/thecodingjourney Instagram - https://www.instagram.com/the.coding.journey Twitter - https://mobile.twitter.com/thecodingjourny - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - #templatesee #reactwebsite #ecommerce #ecommercewebsite #responsivewebsite #onlineshoping #tailwindcss #reactjs #tailwind #websitedesign #css #webdesign #webdevelopment #frontend #frontenddevelopment #uidesign #thecodingjourney #tcj #coding #codingtutorial
Continue this lesson in the app
Install CourseHive on Android or iOS to keep learning while you move.
