Original UI Design started

api/index.graphql

@@ -1,3 +1,9 @@
-schema @sdl(files: ["exercises/index.graphql", "curl/index.graphql"]) {
+schema
+  @sdl(
+    files: [
+      "exercises/index.graphql"
+      "workouts/index.graphql"
+    ]
+  ) {
   query: Query
 }

api/workouts/index.graphql

@@ -0,0 +1,31 @@
+type UserWorkouts {
+  _id: String
+  workout_name: String
+  times_completed: Int
+  tonnage: Int
+  weekdays_scheduled: [String]
+  exercises: JSON
+}
+
+type Root {
+  documents: [UserWorkouts]
+}
+
+type Query {
+  workouts: Root
+    @rest(
+      method: POST
+      endpoint: "https://us-east-1.aws.data.mongodb-api.com/app/data-wixvufj/endpoint/data/v1/action/find"
+      headers: [
+        { name: "access-control-request-headers", value: "*" },
+        { name: "api-key", value: "2oM8HXmfdTkHpy9n3MXWimJ273KWTNrNCYEdW0GYhpJNdKmLOCQRfgi6ln37R2Fb" }
+      ],
+      postbody: """
+      {
+          "collection": "workouts",
+          "dataSource": "Cluster0",
+          "database": "workoutApp"
+        }
+      """
+    )
+}

package.json

@@ -9,6 +9,8 @@
     "web": "expo start --web"
   },
   "dependencies": {
+    "@react-navigation/bottom-tabs": "^6.6.0",
+    "@react-navigation/native": "^6.1.17",
     "@tanstack/react-query": "^5.49.2",
     "expo": "~51.0.17",
     "expo-constants": "~16.0.2",
@@ -22,6 +24,8 @@
     "react": "18.2.0",
     "react-dom": "18.2.0",
     "react-native": "0.74.2",
+    "react-native-gesture-handler": "^2.17.1",
+    "react-native-reanimated": "^3.14.0",
     "react-native-safe-area-context": "4.10.1",
     "react-native-screens": "3.31.1",
     "react-native-web": "~0.19.10"

src/app/(tabs)/_layout.jsx

@@ -1,12 +1,30 @@
-import { FontAwesome6 } from '@expo/vector-icons';
-import { FontAwesome5 } from '@expo/vector-icons';
-import { Octicons } from '@expo/vector-icons';
-import { FontAwesome } from '@expo/vector-icons';
+import { FontAwesome6 } from "@expo/vector-icons";
+import { FontAwesome5 } from "@expo/vector-icons";
+import { Octicons } from "@expo/vector-icons";
+import { FontAwesome } from "@expo/vector-icons";
 import { Tabs } from "expo-router";
 
+
 export default function TabLayout() {
   return (
-    <Tabs screenOptions={{ tabBarActiveTintColor: "royalblue", headerShown: false }}>
+    <Tabs
+      screenOptions={{
+        tabBarActiveTintColor: "#FFD700",
+        tabBarInactiveTintColor: "#FFFFFF",
+        headerShown: false,
+        tabBarStyle: {
+          backgroundColor: '#2A2A2A',
+          borderTopWidth: 0, 
+          elevation: 0, 
+          shadowOpacity: 0,
+        },
+
+
+        backgroundColor: "#1E1E1E"
+
+
+      }}
+    >
       {/* <Tabs.Screen
         name="index"
         options={{

src/app/(tabs)/index.js

@@ -10,9 +10,6 @@ export default function HomeScreen() {
   return <View style={styles.container}>
 
 
-
-
-
   </View>;
 }