diff --git a/frontend/my-app/src/contexts/UserContext.jsx b/frontend/my-app/src/contexts/UserContext.jsx
new file mode 100644
index 0000000..f1c5e2f
--- /dev/null
+++ b/frontend/my-app/src/contexts/UserContext.jsx
@@ -0,0 +1,24 @@
+import React, { createContext, useState, useContext } from 'react';
+
+const UserContext = createContext();
+
+export const useUser = () => useContext(UserContext);
+
+export const UserContextProvider = ({ children }) => {
+  const [user, setUser] = useState(null);
+
+  const login = (userInfo) => {
+    setUser(userInfo);
+  };
+
+  const logout = () => {
+    setUser(null);
+  };
+
+  return (
+    <UserContext.Provider value={{ user, login, logout }}>
+      {children}
+    </UserContext.Provider>
+  );
+};
+export default UserContextProvider;