added stack navigator

Created new branch, seems to be working fine.

src/components/screens/Add/add.js

@@ -0,0 +1,18 @@
+export default function add() {
+  return (
+    <View style={styles.container}>
+      <Text>activity 1 complete on week 1 yay!</Text>
+      <StatusBar style="auto" />
+    </View>
+  );
+}
+
+const styles = StyleSheet.create({
+  container: {
+    flex: 1,
+    backgroundColor: "#fff",
+    alignItems: "center",
+    justifyContent: "center",
+  },
+});
+

src/components/screens/List/list.js

@@ -0,0 +1,17 @@
+export default function list() {
+  return (
+    <View style={styles.container}>
+      <Text>activity 1 complete on week 1 yay!</Text>
+      <StatusBar style="auto" />
+    </View>
+  );
+}
+
+const styles = StyleSheet.create({
+  container: {
+    flex: 1,
+    backgroundColor: "#fff",
+    alignItems: "center",
+    justifyContent: "center",
+  },
+});

src/components/screens/Modify/modify.js

@@ -0,0 +1,17 @@
+export default function modify() {
+  return (
+    <View style={styles.container}>
+      <Text>activity 1 complete on week 1 yay!</Text>
+      <StatusBar style="auto" />
+    </View>
+  );
+}
+
+const styles = StyleSheet.create({
+  container: {
+    flex: 1,
+    backgroundColor: "#fff",
+    alignItems: "center",
+    justifyContent: "center",
+  },
+});

src/components/screens/ModuleListScreen.js

@@ -0,0 +1,22 @@
+import { StatusBar } from "expo-status-bar";
+import { StyleSheet, Text, View } from "react-native";
+import { NavigationContainer } from "@react-navigation/native";
+import { createNativeStackNavigator } from "@react-navigation/native-stack";
+
+const Stack = createNativeStackNavigator();
+
+export const App = () => {
+  return (
+    <NavigationContainer>
+      <Stack.Navigator initialRouteName="ModuleListScreen">
+        <Stack.Screen
+          name="ModuleListScreen"
+          component={ModuleListScreen}
+          options={{ title: "List Modules" }}
+        />
+      </Stack.Navigator>
+    </NavigationContainer>
+  );
+};
+
+export default App;

src/components/screens/View/view.js

@@ -0,0 +1,17 @@
+export default function view() {
+  return (
+    <View style={styles.container}>
+      <Text>activity 1 complete on week 1 yay!</Text>
+      <StatusBar style="auto" />
+    </View>
+  );
+}
+
+const styles = StyleSheet.create({
+  container: {
+    flex: 1,
+    backgroundColor: "#fff",
+    alignItems: "center",
+    justifyContent: "center",
+  },
+});