node server + separate client folder

client/src/app/context/eventContext.js

@@ -0,0 +1,13 @@
+import { createContext, useState } from 'react';
+
+export const EventContext = createContext([[], () => {}]);
+
+export function EventProvider(props) {
+  const [event, setEvent] = useState(null);
+
+  return (
+    <EventContext.Provider value={[event, setEvent]}>
+      {props.children}
+    </EventContext.Provider>
+  );
+}

client/src/app/context/eventListContext.js

@@ -0,0 +1,14 @@
+import { createContext, useState } from 'react';
+import { sampleData } from '../sampleData';
+
+export const EventListContext = createContext([[], () => {}]);
+
+export function EventListProvider(props) {
+  const [events, setEvents] = useState(sampleData.events);
+
+  return (
+    <EventListContext.Provider value={[events, setEvents]}>
+      {props.children}
+    </EventListContext.Provider>
+  );
+}

client/src/app/context/presenterMessageContext.js

@@ -0,0 +1,16 @@
+import { createContext, useState } from 'react';
+
+export const PresenterMessagesContext = createContext([[], () => {}]);
+
+export function PresenterMessageProvider(props) {
+  const [presMessage, setPresMessage] = useState({
+    text: '',
+    show: '',
+  });
+
+  return (
+    <PresenterMessagesContext.Provider value={[presMessage, setPresMessage]}>
+      {props.children}
+    </PresenterMessagesContext.Provider>
+  );
+}