Forem: Mohammad Yousof

MERN Stack Employee Management System – Login Functionality & Authentication Setup (Part 2)

Mohammad Yousof — Mon, 16 Sep 2024 15:42:15 +0000

In this video, we dive into setting up the login functionality and authentication system for our MERN Stack Employee Management System. We’ll cover how to create a secure login page using ReactJS and Tailwind CSS, and set up JWT (JSON Web Token) authentication on the backend using Node.js and Express.

Source Code: https://buymeacoffee.com/codewithyousaf/e/304250

MERN Stack Employee Management System – Project Overview & File Structure (Part 1)

Mohammad Yousof — Mon, 16 Sep 2024 15:38:43 +0000

MERN Stack Employee Management System – Project Overview & File Structure (Part 1)
Welcome to the first video of our MERN Stack Employee Management System tutorial series! In this video, we'll walk you through the project overview and explain the file structure for building a complete employee management system using the MERN Stack (MongoDB, Express, React, Node.js).

This series is perfect for anyone looking to learn MERN Stack development and implement real-world projects. Stay tuned for the next videos where we’ll dive into designing the login page, setting up authentication, and building role-based dashboards.

Source Code: https://buymeacoffee.com/codewithyousaf/e/304250

Mastering Redux Toolkit: Building a Task Management App | React & Redux

Mohammad Yousof — Fri, 13 Sep 2024 12:43:33 +0000

Master React and Redux Toolkit by building a Task Management App from scratch! In this comprehensive tutorial, you'll learn how to efficiently manage state using Redux Toolkit, create responsive UI with Tailwind CSS, and implement essential features like adding, updating, and deleting tasks. Perfect for developers looking to deepen their understanding of modern React state management.

Implementing Role-Based Access Control in React 18 with React Router v6: A Step-by-Step Guide

Mohammad Yousof — Fri, 13 Sep 2024 12:34:58 +0000

In this tutorial, you'll learn how to implement Role-Based Access Control (RBAC) in a React 18 application using React Router v6. We’ll walk through setting up protected routes that restrict access to specific pages based on user roles (admin, user, guest). You’ll also see how to use a ProtectedRoute component to manage authentication and role-based authorization, ensuring secure and tailored navigation within your app. Perfect for developers looking to enhance security and user experience in React projects!