Summary
Keywords
Full Transcript
📥 Download this template from here ( FREE Download ) 🔗https://templatesee.com/template/modern-online-learning-platform-template-reactjs 🔥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! _____________________________________________ 👁️ Live Preview: https://e-tutor-tcj.netlify.app/ 🎁 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 🎬 E-Tutor Playlist: https://www.youtube.com/playlist?list=PLt2fZkYs6q_mVsb4slOCm0ooCMQARBIxF - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - Features: 👉🏻 Responsive Complete Landing page. 👉🏻 Animated Sidebar. 👉🏻 Modern Animated website using Framer motion. 👉🏻 Fully Responsive Hero page( All device supported ) 👉🏻 Number Counter section 👉🏻 Sliding Testimonial section 👉🏻 Modern Animated card 👉🏻 Responsive Footer - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - What you will learn: 🔥 How to build Responsive Navbar using ReactJS. 🔥 How to build Navbar Notifiacation Banner 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. 🔥 How to build Number Counter section using ReactJS. 🔥 You'll build fully responsive website in reactJS using Tailwind CSS 🔥 Best practices and debugging skills. 🔥 How to build Responsive Sliding Testimonial using ReactJS. - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - ⏱ Timestamps 00:00 Demo 02:33 Responsive Demo 05:56 Project Setup & Configuring tailwind CSS 09:43 Responsive Navbar Section Taiwind CSS 20:55 Mobile Responsive Sidebar menu 31:32 Animated Hero section with Reactjs & Tailwind CSS 45:45 Number Counter section 52:40 Why Choose Us section 01:01:46 Banner Section 01:13:33 Subject Card Section 01:22:50 Testimonial Section 01:01:46 Banner Section 01:31:57 Footer Section - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - 💼 Packages : tailwind: https://tailwindcss.com/ reactjs: https://react.dev vitejs: https://vitejs.dev/guide/ react-icons: https://react-icons.github.io/ framer-motion: https://www.framer.com/motion/ design-credit: https://dribbble.com/shots/21537162-Tutor-Online-tutoring-Landing-page - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - 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 #educational #onlinelearning #tailwind #framermotion #Elearning #tailwind #responsivewebsite #coffee #tailwindcss #websitedesign #css #webdesign #webdevelopment #frontend #frontenddevelopment #uidesign #thecodingjourney #tcj #coding #codingtutorial #animatedwebsite #freesourcecode
Continue this lesson in the app
Install CourseHive on Android or iOS to keep learning while you move.
