diff --git a/client/src/components/mentor/LearningMentorSelector.vue b/client/src/components/mentor/LearningMentorSelector.vue
new file mode 100644
index 00000000..c4fdc832
--- /dev/null
+++ b/client/src/components/mentor/LearningMentorSelector.vue
@@ -0,0 +1,23 @@
+<script setup lang="ts">
+import { onMounted, ref } from "vue";
+
+const mentors = ref([]);
+
+onMounted(async () => {
+  const response = await fetch("/api/mentor/mentors");
+  if (response.ok) {
+    mentors.value = await response.json();
+  }
+});
+</script>
+
+<template>
+  <div>
+    <code>{{ mentors }} Hello</code>
+    <select>
+      <option v-for="mentor in mentors" :key="mentor.id" :value="mentor.id">
+        {{ mentor.first_name }} {{ mentor.last_name }}
+      </option>
+    </select>
+  </div>
+</template>