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>
+  );
+}

client/src/app/sampleData.js

@@ -0,0 +1,56 @@
+const dummy = new Date();
+
+export const sampleData = {
+  presenterMessage: {
+    text: 'Only the presenter sees this',
+    active: false,
+  },
+  publicMessage: {
+    text: 'Everyone sees this',
+    active: false,
+  },
+  events: [
+    {
+      id: '1',
+      order: 1,
+      title: 'Is the internet a fad?',
+      subtitle: 'It is',
+      presenter: 'Carlos Valente',
+      timeStart: new Date('October 13, 2014 11:30:00'),
+      timeEnd: new Date('October 13, 2014 11:50:00'),
+      clockStarted: dummy,
+      timerDuration: 60,
+      type: 'event',
+    },
+    {
+      id: 0.4849093424577693,
+      order: 2,
+      timerDuration: 25,
+      type: 'delay',
+    },
+    {
+      id: '2',
+      order: 3,
+      title: 'Is reddit a dictatorship?',
+      subtitle: 'It is',
+      presenter: 'Carlos Valente',
+      timeStart: new Date('October 13, 2014 12:30:00'),
+      timeEnd: new Date('October 13, 2014 12:50:00'),
+      clockStarted: dummy,
+      timerDuration: 60,
+      type: 'event',
+    },
+    {
+      id: '3',
+      order: 4,
+      title: 'Out of words',
+      subtitle: '',
+      presenter: 'Carlos Valente',
+      timeStart: new Date('October 13, 2014 13:30:00'),
+      timeEnd: new Date('October 13, 2014 13:50:00'),
+      clockStarted: dummy,
+      timerDuration: 60,
+      type: 'event',
+    },
+  ],
+};

client/src/app/userConfig.js

@@ -0,0 +1,7 @@
+export const userConfig = {
+  timerColorOnPause: '#555',
+  timerColorOnRunning: '#FFF',
+  timerColorOnMessage: '#CCC',
+  timerColorOnTimeOver: '#F00',
+  overTimeText: '',
+}

client/src/app/utils.js

@@ -0,0 +1,2 @@
+export const clamp = (num, a, b) =>
+  Math.max(Math.min(num, Math.max(a, b)), Math.min(a, b));