designed

package.json

@@ -13,7 +13,9 @@
     "react-redux": "^8.0.5",
     "react-router-dom": "6.3",
     "react-scripts": "5.0.1",
+    "react-toastify": "^9.1.1",
     "redux": "^4.2.0",
+    "tw-elements": "^1.0.0-alpha12",
     "web-vitals": "^2.1.4"
   },
   "scripts": {

src/App.js

@@ -1,10 +1,17 @@
+import { Provider } from "react-redux";
+import { ToastContainer } from "react-toastify";
+import { store } from "./app/store";
+
+import AppRouter from "./router/AppRouter";
 
 
 function App() {
+
   return (
-    <div className="App">
-
-    </div>
+    <Provider store={store}>
+      <AppRouter />
+      <ToastContainer/>
+    </Provider>
   );
 }
 

src/app/store.jsx

@@ -0,0 +1,9 @@
+import { configureStore} from "@reduxjs/toolkit";
+import authReducer from "../features/authSlice"
+
+export const store =configureStore({
+    reducer:{
+        auth:authReducer,
+
+    }
+})