Тёмный

Full Stack Authentication App (ReactJS) | Node.js (Express) | REST AP | MongoDB | in Arabic 

Подписаться
Просмотров 1,8 тыс.
% 68

Build a Full Stack Authentication App from start to finish with this Authentication tutorial. Learn everything you need to know about Node.js and REST API with MongoDB database and make CRUD operations.
We will use ReactJS as frontend to make our queries and mutations.
Learn everything you need to know about Authentication & Authorization in this tutorial.
🚩 Subscribe ➜ www.youtube.com/@SimpleArabCode
☕ Buy Me A Coffee ➜ www.buymeacoffee.com/kareem4shimas
👇 Follow Me On Social Media:
Github: github.com/Kareem2002Shimes
facebook: profile.php?id=100095323242063
LinkedIn: www.linkedin.com/in/kareem-shimes-6a9b3a200
🔗 All Resources for this Authentication Project:
github.com/Kareem2002Shimes/Authentication_App
🔗 Playlist for this Authentication & Authorization Series:
ru-vid.com/group/PLxRKoQzM5m3LmYyem25fvxfwWJZiFqIbf
📚 Suggested Pre-requisites:
🔗 ReactJS for Beginners full course:
ru-vid.com/group/PLxRKoQzM5m3LoWUulWEALSL03wvwhIx0q
🔗 ReactJS Projects:
ru-vid.com/group/PLxRKoQzM5m3LqZjslZ1bL9r7jB7hmbfpl
Was this Intro to the Authentication Project tutorial helpful? If so, please share. Let me know your thoughts in the comments.
⏱️ Timestamps:
(00:00) Intro
(01:26) Testing APIs
(02:52) Creating React Project (vite)
(06:35) Setup Redux Toolkit (RTK Query)
(10:36) Creating Routing in app
(18:43) Building Login Page
(24:11) Building Signup Page
(29:26) Add Signup Logic
(37:46) Creating apiSlice
(56:35) Creating authApiSlice
(01:10:07) Signup Form Submission
(01:23:22) Add Login Logic
(01:34:41) Creating Login endpoint
(01:31:37) Creating usersApiSlice
(01:42:23) Test Refresh endpoint & get new access token
(02:03:36) Add Protected Routes in app and Logout Button

Опубликовано:

 

12 мар 2024

Поделиться:

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист
Посмотреть позже
Комментарии : 20   
@ahmedadawy8149
@ahmedadawy8149 2 месяца назад
والله من يوم ما عرفت قناتك وأنا بتطور جدا في الشغل والأداء بارك الله فيك ربنا يبارك فيك ويعزك
@ahmedadawy8149
@ahmedadawy8149 2 месяца назад
❤❤❤
@user-yf7zo9wg1y
@user-yf7zo9wg1y 3 месяца назад
شرح مبسط و و غني بالمعلومات .. يعطيك ألف عافية و رمضان كريم في انتظار الوتريزيشن ان شاء الله
@heshamabdulaziz8135
@heshamabdulaziz8135 3 месяца назад
ابداع جزاك الله الاخير وشهر مبارك
@viralmega9519
@viralmega9519 3 месяца назад
بتمني لو تعمل نظام تسجيل الدخول كامل و تستخدم api و otp
@Mrbb7
@Mrbb7 3 месяца назад
جزاكم الله خيرا على مجهودك ❤ بعد اذنك هل تسمح بتنزيل الفيديوهات من قناتك لمشاهدتها لاحقا دون انترنت ؟
@abdallasraj8388
@abdallasraj8388 Месяц назад
اخوي يا ريت تنزل فيديو لل update و Delete
@SALAHLALA
@SALAHLALA 3 месяца назад
انا عندي application بيخزن token في cookies وعامل httpOnly , secure في cookies options بس لما برفعه علي render or vercel مش بيكون في token محفوظه في browser
@user-fd9hz8lc8f
@user-fd9hz8lc8f 3 месяца назад
رهيب ما شاء الله عليك ممكن تبقي تعملنا بروجيكت mern كامل زي اللي هنقابله و احنا بنشتغل بحيث يكون حاجة متقدمة شوية نتدرب عليها عشان بصراحة انت اكتر حد بفهم منه و بيبسط الامور
@saberali7798
@saberali7798 День назад
فعلا ياريت
@abdallaelshahat2716
@abdallaelshahat2716 Месяц назад
انا ياهندسه عندي مشكله مش عارف احصل علي basurl
@abdallaelshahat2716
@abdallaelshahat2716 2 месяца назад
كنت عايز اعرف لو سمحت يابشمهندس انا فرونت ايند رياكت اشوف الفيديو ده والاول ومليش علاقه بالتاني صح
@SimpleArabCode
@SimpleArabCode 2 месяца назад
ممكن تبص عليه تراجع المفاهيم اللي شرحناها في اول فديو عشان الصوره توصلك كامله
@azdinemath
@azdinemath 3 месяца назад
بخصوص الكوكيز في إرساله من السرفر لي البراوزر بيتخزن مفيش مشكلة بس في ريفريش التوكن بحتاج الكوكي باش يجيني undefine مافيش كوكي انبعث لي سيرفر رغم ان secure عملها false لأني اشتغل بlocalhost و cors عملها عامة اي دومين يقدر يأكسس على سيرفر وبخصوص بوستمان بيشتغل عادي وبيبعت لي اكسس توكن جديد مافيش مشكلة ،المشكل بس على بروزر ممكن حل رجاءا
@SimpleArabCode
@SimpleArabCode 3 месяца назад
credentials = true in server side credentials = include in client side علشان يقدر السيرفر يخزن jwt في cookies browser لما بعمل login
@azdinemath
@azdinemath 3 месяца назад
@@SimpleArabCode بخصوص server side عند login and registre اظيف في headers credentials true و في client side في اي api call اظيف credentials. Include ؟؟ انا اشتغل بaxios
@ismailbakhach8990
@ismailbakhach8990 3 месяца назад
سؤال هو اي السبب كا ال require عليهم Error ؟؟
@SimpleArabCode
@SimpleArabCode 3 месяца назад
ليس error لاننا في react app فا بالتالي بيقترح عليك تستخدم es6 اللي هو import, export بدلا من require
@ismailbakhach8990
@ismailbakhach8990 3 месяца назад
ممكن تنزل ال source code على ال github لأن عندي error مش عارف شو هو
@SimpleArabCode
@SimpleArabCode 3 месяца назад
تم أشكرك صديقي موجود علي نفس repo في description
Далее