Feature/state management

.env.example

@@ -0,0 +1 @@
+EXPO_PUBLIC_HOME_PAGE_URL=https://afnprojects.com

.gitignore

@@ -30,6 +30,7 @@ yarn-error.*
 
 # local env files
 .env*.local
+.env
 
 # typescript
 *.tsbuildinfo

.vscode/settings.json

@@ -6,6 +6,7 @@
   },
   "typescript.tsdk": "node_modules/typescript/lib",
   "cSpell.words": [
+    "persistor",
     "scriptian"
   ]
 }

__tests__/Index-test.tsx

@@ -1,6 +1,6 @@
 import { render } from "@testing-library/react-native";
 
-import Index from "@/app/index";
+import Index from "@/src/app/index";
 
 describe("<Index />", () => {
   test("Text renders correctly on Index", () => {

package.json

@@ -13,9 +13,11 @@
   },
   "dependencies": {
     "@expo/vector-icons": "^15.0.2",
+    "@react-native-async-storage/async-storage": "^2.2.0",
     "@react-navigation/bottom-tabs": "^7.4.0",
     "@react-navigation/elements": "^2.6.3",
     "@react-navigation/native": "^7.1.8",
+    "@reduxjs/toolkit": "^2.9.0",
     "expo": "~54.0.13",
     "expo-constants": "~18.0.9",
     "expo-dev-client": "~6.0.15",
@@ -38,7 +40,9 @@
     "react-native-screens": "~4.16.0",
     "react-native-web": "~0.21.0",
     "react-native-webview": "13.15.0",
-    "react-native-worklets": "0.5.1"
+    "react-native-worklets": "0.5.1",
+    "react-redux": "^9.2.0",
+    "redux-persist": "^6.0.0"
   },
   "devDependencies": {
     "@testing-library/react-native": "^13.3.3",
@@ -55,4 +59,4 @@
   "jest": {
     "preset": "jest-expo"
   }
-}
+}

src/app/_layout.tsx

@@ -0,0 +1,33 @@
+import { Stack } from "expo-router";
+import { StatusBar } from "expo-status-bar";
+import React from "react";
+import { ActivityIndicator, Text, View } from "react-native";
+import { SafeAreaProvider } from "react-native-safe-area-context";
+import { Provider } from "react-redux";
+import { PersistGate } from "redux-persist/integration/react";
+
+import { persistor, store } from "../store";
+
+const LoadingComponent = () => (
+  <View style={{ flex: 1, justifyContent: "center", alignItems: "center" }}>
+    <ActivityIndicator size="large" color="#007AFF" />
+    <Text style={{ marginTop: 16, fontSize: 16, color: "#8E8E93" }}>
+      Loading Scriptian...
+    </Text>
+  </View>
+);
+
+export default function RootLayout() {
+  return (
+    <Provider store={store}>
+      <PersistGate loading={<LoadingComponent />} persistor={persistor}>
+        <SafeAreaProvider>
+          <StatusBar style="auto" />
+          <Stack screenOptions={{ headerShown: false }}>
+            <Stack.Screen name="index" />
+          </Stack>
+        </SafeAreaProvider>
+      </PersistGate>
+    </Provider>
+  );
+}