Summary
Keywords
Full Transcript
🚀 Download this template ( FREE Download ) 🔗 https://templatesee.com/template/free-online-learning-platform-website-template-reactjs-and-tailwind 🔥FREE | Premium | Custom website 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! __________________________________________________________ Complete Responsive E-learning Education Website using ReactJS and Tailwind CSS. Animated with Framer motion, In this tutorial you will learn how to make Modern Animated Educational website, and also we'll deploy it. 👁️ Live Preview: https://thecodingjourney.netlify.app/ 📂 Source code (support me 💖) : https://buymeacoffee.com/thecodingjourney/e/284096 🎉Free Source code : https://github.com/dilshad-ahmed/thecodingjourney 🎁 Join our community to start your journey. WhatsApp :- https://chat.whatsapp.com/Hu643OfjQax7zgqQdlok2C Telegram :- https://t.me/the_coding_journey - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - 🎬 Playlist ( Full website Build from scratch + Free Assets + Free Code ) https://www.youtube.com/playlist?list=PLt2fZkYs6q_l2WebLGr6biyk551rLUtLV Features: 👉🏻 Responsive Complete Landing page. 👉🏻 Animated Sidebar. 👉🏻 Modern Animated website using Framer motion. 👉🏻 Fully Responsive Hero page( All device supported ) 👉🏻 Modern responsive product card 👉🏻 Responsive Footer - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - What you will learn: 🔥 How to build Responsive Navbar using ReactJS. 🔥 How to build Modern Responsive Hero page using ReactJS , Tailwind CSS and Framer motion. 🔥 You'll learn how to animate website with framer motion. 🔥 You'll build fully responsive website in reactJS using Tailwind CSS 🔥 Best practices and debugging skills. - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - ⏱ Timestamps 00:00 Demo 01:12 Responsive Demo 02:30 Software Download 02:53 Project Setup & Configuring Tailwind CSS 07:25 Navbar Section Tailwind CSS & Framer motion 19:37 Responsive Hero Section 34:32 Service Section 42:36 Banner Section 51:00 Subscribe Banner Section 58:13 Join Community Section 01:02:10 Footer Section 01:13:05 Preview 01:14:43 Build and 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 - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - #reactjs #educationewebsite #tailwind #framermotion #Elearning #tailwind #responsivewebsite #coffee #tailwindcss #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.
