node server + separate client folder

client/src/common/components/countdown/Countdown.jsx

@@ -0,0 +1,18 @@
+import styles from './Countdown.module.css';
+
+function display(seconds) {
+  const format = (val) => `0${Math.floor(val)}`.slice(-2);
+  const hours = seconds / 3600;
+  const minutes = (seconds % 3600) / 60;
+
+  if (hours < 1) return [minutes, seconds % 60].map(format).join(':');
+  else return [hours, minutes, seconds % 60].map(format).join(':');
+}
+
+export default function Countdown({ time, small }) {
+  return (
+    <div className={small ? styles.countdownClockSmall : styles.countdownClock}>
+      {time === null ? '- -:- -' : display(time * 60)}
+    </div>
+  );
+}

client/src/common/components/countdown/Countdown.module.css

@@ -0,0 +1,21 @@
+@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@300;400;600;800&display=swap');
+
+.countdownClock {
+  font-family: 'Open Sans', sans-serif;
+  font-size: 18vw;
+  margin-top: 6vh;
+  margin-bottom: 5vh;
+  text-align: center;
+  letter-spacing: 0.125em;
+  line-height: 0.9;
+}
+
+.countdownClockSmall {
+  font-family: 'Open Sans', sans-serif;
+  font-size: 6em;
+  text-align: center;
+  letter-spacing: 0.1em;
+  line-height: 0.9;
+  font-weight: 600;
+  color: #333;
+}