🔥Complete Responsive Online E-learning Website using Reactjs + Tailwind + Framer-motion

👁️ Live Preview:

🎁 Join our community to start your journey.

- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -

🎬 Playlist ( Full website Build from scratch + Free Assets + Free Code )

🎬 E-Tutor Playlist:

- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -

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 :

- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -

Follow us on -
Facebook -
Instagram -
Twitter -

- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -

#reactjs #educationewebsite #educational #onlinelearning #tailwind #framermotion #Elearning #tailwind #responsivewebsite #coffee #tailwindcss #websitedesign #css #webdesign #webdevelopment #frontend #frontenddevelopment #uidesign #thecodingjourney #tcj #coding #codingtutorial #animatedwebsite #freesourcecode

[TheCodingJourney]

🎉Free Source Code is available in the description, like and subscribe for more. 🎁

👀Preview link:

👩🏻‍💻 Join our community to start your coding journey
Telegram:

[douhakhoulani]

Before I start the project looks amazing ..you are a great programmer .keep going 🤩

[Temiloluwaolukitibi]

You're a gem in the developer's world. Much lov ve ❤

[vivekkumar-qutp]

Please do voice over while writing the code it will me helpful to us

[broknow]

at 8:59 what did he used that he is provided with automatic suggestions about what could possiblily he should or wants to write ?

[KDX]

Really apprecciate it your videos, I'm trying to copy your website just to get the gist of it and find my own insipration, because at the moment I really lack it, I'd love to build cool websites but I'm not a designer and when I try to design something it doesn't look good so I just give up

[febrinogen]

Hello sir, can you make a tutorial navbar with dropdown 🙏

[rashmi_t]

Thank you for the exceptional work you have done. Your dedication, attention to detail, and professionalism have truly made a positive impact.Your contributions have not gone unnoticed, and I greatly appreciate the effort you put into delivering such high-quality CONTENTS. It's clear that you consistently go above and beyond, and I’m grateful for your hard work and commitment.Thank you again for your continued excellence.🎉❤

[sumaiyyaiqbal]

How did you create mock data folder and data.js file? Not shown in the vid. It's giving error in localhost.. please help me

[KNEKIIIIa]

why you dont use : export default function App(){
return (
<>
<div></div>
</>
)
}
its better and fast

[sangramcreation]

Sir please making a real time voting application

[abhishekcode]

Are u using tailwind css or normal css?