Here is complete code – DeshProfile.jsx: import React, { useEffect, useRef, useState } from ‘react’ import { Alert, Button, TextInput } from …

Here are the steps: – Add a H1 Heading. Add Profile Image. Add Input fields. Add a button. Add another two button …

Here are the Steps – 1.  Create Component – DashSidebar.jsx: import {Sidebar} from ‘flowbite-react’ import { useEffect, useState } from ‘react’; import …

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 …