All Functional MERN Stack LMS / Learning Management system series with next 13, TypeScript | Part 2

Welcome to the LMS / Learning Management System Full stack series on YouTube. In this series, I will show you how to build one industrial-level LMS platform with typescript, node js, express js, MongoDB, Redis, next 13,rtk query, socket io, and much more.

Follow Becodemy on social media for all updates:
Instagram:
Linkedin:

Source Code:

Timestamps:
00:00:00 - 00:05:03 Overview
00:05:03 - 00:53:26 Setting up folder, header, hero component
00:53:26 - 01:39:19 Login signup verification UI
01:39:19 - 02:15:34 Signup, user activation features
02:15:34 - 02:54:50 Login and Social Auth features
02:54:50 - 03:57:27 Profile UI and functionalities
03:57:27 - 04:24:02 Edit Profile and update password
04:24:02 - 05:20:10 Admin sidebar,create course UI
05:20:10 - 06:35:14 Course content UI and course preview UI
06:35:14 - 06:54:13 Create Course Feature
06:54:13 - 07:30:12 Get all users,courses,manage team
------ I forgot to add this video in here. so this part you will find out here
07:30:12 - 08:16:23 Edit & Delete Course
08:16:23 - 09:19:21 Banner,FAQ,Categories Customization

Last part coming soon --------

#mern_stack #nodejs #tailwindcss #socketio #becodemy #LMS

For business inquiries:

[shaheryartatari]

Great Video. A small suggestion at 3:38:00; when you add logic for logout functionality.
Just add try & catch to make sure it logout at first click without any issue.

const logoutHandler = async () => {
try {
await signOut();
setLogout(true);
} catch (err) {
// add anything to handle error
console.error("Error during logout:", err);
}
};

Error Cause:
The issue arises because the logoutHandler function initiates two actions (signOut from NextAuth and setting the logout state to true) simultaneously, but the useLogoutQuery from RTK Query depends on logout being true. When you click the button the first time, the state update (setLogout(true)) might not have taken effect before the second action (useLogoutQuery) runs. This race condition creates the inconsistency.

Above approach make sure that at first (one async) await signOut(); run (executes completely) and run (second async) setLogout(true);

[sensational]

becodemy will create its own sylicone valley. I've already seen a lot of content but this one is on another level. you are my master ! love you❤❤

[nurunnabi]

Fantastic job brother thanks a lot I didn't find this type vedio on YouTube. Pls never delete it from your channel. I believe it will be hit in bd. Content

[peteralagoa]

I love this, this is one of the best tutorial i have watch.

[yashghugardare]

very helpful video, thanks for the help!!

[donjeph]

Thanks This means alot to me. God bless you

[Abdulrehman-cjiy]

I completed backend for LMS yesterday. It was so far so good. Didn't get any complication cuz I'm already good in MERN stack and trying to find good project to follow along. But the frontend part is to be honest a bit tricky. ❤ from Pakistan

[azharsiddiqui]

Great Video It's realy helpfull I am waiting for last part Please upload it I am very exciting

[viditgoel]

Great Project, Please keep adding new projects

[sheh]

7:30:00 where is the code for the popup feature of adding new member ?

[startupnewsofficials]

This is good but u can add the certificate auto generation after course completion that batter to future

[bijendernagar]

thank you so much sir g you always best

[gourabjitbiswas]

Probably the best content from Bangladesh ever made. ❤
Once my exams are over, I am not wasting any second without implementing the whole website. Please add links to alternatives of paid services or tell us about alternative payment methods (I don't have card/PayPal, I can't use the paid ones)

[vikrantyadav]

Sure, this tutorial's been a big help. Can you post the code from lines 11 and 20 of the hero.tsx file? My layout's a bit wonky.

[_Block]

great. tailwind classes are so big that some are not clearly seen on the screen, like hero section, you should have shown left to right totally, i am almost done, but some sections was hectic to follow. thank you for this amazing content

[abdulrauf]

"Don't worry I will show you this hero component"
Waiting for that hero component without worry hope you show it❤

[kmg]

Hello, Becodemy! I've been following your classes, and during your video I couldn't see the "Hero.tsx" script so well. And I would like to ask for the code, please.

My name is Kaíky and I'm from Brazil, by the way😅

[AbdulRahim-zbzm]

Bro..When is the next part coming..waiting excited

[hugo_dev]

when you changes the refresh token in BE to next() without returning a response, the FE shows an error about refresh not found, even though it still works, do you know how to fix it, also the loadUser cause problem too

[winlord]

Can i apply dark theme or light theme for all page?
Example AiOutlineEye, i need add className dark:text-white text-black, but you don't use it, text color auto white in dark mode.