Index: chapterx-frontend/src/App.tsx
===================================================================
--- chapterx-frontend/src/App.tsx	(revision b62cefc14094ca5ac7154f7d48797a1e6c444935)
+++ chapterx-frontend/src/App.tsx	(revision 73b69b22fa1e9888b8530a66db4a150efb8f52bc)
@@ -1,6 +1,7 @@
-import React, { Suspense, lazy, ReactNode } from 'react'
+import React, { Suspense, lazy, ReactNode, useEffect } from 'react'
 import { Routes, Route, Navigate } from 'react-router-dom'
 import { useAuthStore } from './store/authStore'
 import { useUIStore } from './store/uiStore'
+import { useStoryStore } from './store/storyStore'
 import { UserRole } from './types'
 import { Navbar } from './components/layout/Navbar'
@@ -67,4 +68,12 @@
 
 function App() {
+  const { fetchStories, fetchChapters, fetchReadingLists } = useStoryStore()
+
+  useEffect(() => {
+    fetchStories()
+    fetchChapters()
+    fetchReadingLists()
+  }, [])
+
   return (
     <div className="flex flex-col min-h-screen">