Add EventCard and EventOverviewScreen

screens/EventOverviewScreen.js

@@ -0,0 +1,33 @@
+import { ScrollView, StyleSheet, View } from "react-native";
+import { StatusBar } from "expo-status-bar";
+
+import { EVENTS } from "../data/EventData";
+
+import Colors from "../constants/colors";
+import EventCard from "../components/EventCard";
+import FloatingButton from "../components/FloatingButton";
+
+const eventsToDisplay = EVENTS.map((event, index) => {
+  return <EventCard event={event} key={index} />;
+});
+
+const EventOverviewScreen = (props) => {
+  return (
+    <View style={styles.container}>
+      <ScrollView>{eventsToDisplay}</ScrollView>
+      <FloatingButton />
+      <StatusBar style="auto" />
+    </View>
+  );
+};
+
+const styles = StyleSheet.create({
+  container: {
+    flex: 1,
+    backgroundColor: Colors.primary500,
+    alignItem: "center",
+    justifyContent: "center",
+  },
+});
+
+export default EventOverviewScreen;