i can successfully create an account

src/Redux/store.js

@@ -4,22 +4,22 @@ import userSlice from "./userSlice";
 
 import { persistStore, persistReducer } from "redux-persist";
 import storage from "redux-persist/lib/storage";
-const persistConfig = {
-  key: "root",
+const persistConfig = { //used to store the data in local storage
+  key: "root", //means the root of the state
   version: 1,
-  storage,
+  storage, // means local storage
 };
-const rootReducer = combineReducers({
+const rootReducer = combineReducers({ //combining all the reducers
   ui: uiSlice,
   user: userSlice,
 });
-const persistedReducer = persistReducer(persistConfig, rootReducer);
+const persistedReducer = persistReducer(persistConfig, rootReducer); //persistReducer is used to store the data in local storage
 
-export const store = configureStore({
+export const store = configureStore({ //configurestore is used to create the store
   reducer: persistedReducer,
   middleware: (getDefaultMiddleware) =>
-    getDefaultMiddleware({
-      serializableCheck: false,
+    getDefaultMiddleware({ // getDefaultMiddleware is used to get the default middleware
+      serializableCheck: false, //used to check the serializable, serializable means the data is in the form of string
     }),
 });
 export let persistor = persistStore(store);

src/Redux/uiSlice.js

@@ -5,7 +5,7 @@ const uiSlice = createSlice({
   initialState: {
     selectedComponent: null,
   },
-  reducers: {
+  reducers: {  // reducers are used to change the state
     selectComponent: (state, action) => {
       state.selectedComponent = action.payload;
     },

src/pages/Login/Login.jsx

@@ -5,9 +5,9 @@ import * as yup from "yup";
 import { yupResolver } from "@hookform/resolvers/yup";
 import authimage from "../../Images/authimage.jpg";
 import { useNavigate } from "react-router-dom";
-import { loginUser } from "../../Redux/apiCall";
 import "react-toastify/dist/ReactToastify.css";
 import { useDispatch } from "react-redux";
+import { loginUser } from "../../Redux/apiCall";
 import Loading from "../../components/Loading/Loading";
 
 const schema = yup.object().shape({