Initial commit, with fully working project :p

src/components/SubjectSelector.js

@@ -0,0 +1,33 @@
+import styles from './SubjectSelector.module.css'
+
+export default function SubjectSelector (props) {
+  const { activeSubjName, searchTerm, data, onSubjSelect } = props
+
+  return (
+    <div className='subjectSelector'>
+      {data.Subjects.map((subj, i) => {
+        if (!subj.Name.toLowerCase().includes(searchTerm.toLowerCase())) {
+          return null
+        }
+
+        return (
+          <div
+            className={activeSubjName === subj.Name
+              ? 'subjItem activeSubjItem'
+              : 'subjItem'
+            }
+            key={i}
+            onClick={() => onSubjSelect(subj.Name)}
+          >
+            <span className={styles.subjName}>
+              {subj.Name}
+            </span>
+            <span className={styles.questionCount}>
+              [ {subj.Questions.length} ]
+            </span>
+          </div>
+        )
+      })}
+    </div>
+  )
+}