🔥Complete Responsive E-learning Education website with ReactJS + Tailwind + Framer Motion
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/thecodingjou...
🎉Free Source code : https://github.com/dilshad-ahmed/thec...
🎁 Join our community to start your journey.
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 ...
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 -
/ thecodingjourney
Instagram -
/ the.coding.journey
Twitter -
/ thecodingjourny
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
#reactjs #educationewebsite #tailwind #framermotion #Elearning #tailwind #responsivewebsite #coffee #tailwindcss #websitedesign #css #webdesign #webdevelopment #frontend #frontenddevelopment #uidesign #thecodingjourney #tcj #coding #codingtutorial
Watch video 🔥Complete Responsive E-learning Education website with ReactJS + Tailwind + Framer Motion online without registration, duration hours minute second in high quality. This video was added by user The Coding Journey 01 August 2024, don't forget to share it with your friends and acquaintances, it has been viewed on our site 21,555 once and liked it 490 people.