Here are the steps – 1.  Create a component “PrivateRoute.jsx” import {useSelector} from ‘react-redux’ import {Navigate, Outlet, } from ‘react-router-dom’ const PrivateRoute …

Here are steps: – 1. Create a folder “theme” under src>redux Create a file “themeSlice.js” inside “theme” folder themeSlice.js: import {createSlice} from …

Here are steps: – 1. import userSelecter from ‘react-redux’ 2. Define user State const {currentUser}=useSelector(state=>state.user)   3. Add condition in Header.jsx – …

Here are steps – 1. Create a component  –  “OAuth.jsx” 2. Add this component in Sign In and Sign Up page where …

1. Install a Package npm i redux-persist 2. Add Persist Reducer in “store.js” store.js: – import { configureStore, combineReducers } from ‘@reduxjs/toolkit’ …

1. Install a package –   npm install @reduxjs/toolkit react-redux 2. Create a redux store. Create a folder “redux” inside “src” and create a …

Here are steps – 1. Create a Sign-In Page UI. 2. Add OnChange method in all input fields – onChange={handleChange} 3. Add …

1. Define a route in auth.route.js – router.post(‘/signin’, signin)   2. create a signin controller in auth.controller.js. 3. Install a package to …

1. Create a Footer.jsx inside the components folder. 2. Add Footer component in App.jsx 3. Go on Flowbite website in Footer components, …

1. Update form text input type email field type=’email’password=’password’. Add type=’submit’ in form button 2. Define onChange function in all text input …