Add local storage checks for API keys in AppLayout and document Django admin panel setup

Author: Emre Camkerten

Tezrisat_Frontend/tezrisat_frontend/src/components/AppLayout.tsx

@@ -39,6 +39,15 @@ const AppLayout = ({ children }: { children: ReactNode }) => {
         }
       } catch (error) {
         console.error("Error checking API key status:", error);
+        const localOpenai = window.localStorage.getItem("tezrisat.openai_key");
+        const localSerpapi = window.localStorage.getItem("tezrisat.serpapi_key");
+        if (!localOpenai || !localSerpapi) {
+          setRequiredMissing({
+            openai: !localOpenai,
+            serpapi: !localSerpapi,
+          });
+          setIsKeysModalOpen(true);
+        }
       }
     };
 

docs/setup.md

@@ -116,6 +116,25 @@ Frontend:
 - Port 5173 in use: `npm run dev -- --port 5174`
 - API connection errors: ensure backend is running and CORS is enabled
 
+## Django Admin Panel
+
+1. Create an admin user:
+
+```bash
+cd Tezrisat_Backend
+python manage.py createsuperuser
+```
+
+2. Start the backend:
+
+```bash
+python manage.py runserver
+```
+
+3. Open `http://localhost:8000/admin` and sign in.
+
+From there you can inspect microcourses, sections, glossary terms, quizzes, and recall notes.
+
 ## Next Steps
 
 - See [docs/api.md](api.md) for API overview.