diff --git a/src/services/EventService.js b/src/services/EventService.js
new file mode 100644
index 0000000000000000000000000000000000000000..8aec30433df98c486fdbad4ea40a18ec4bb84d48
--- /dev/null
+++ b/src/services/EventService.js
@@ -0,0 +1,16 @@
+import axios from 'axios'
+
+const apiClient = axios.create({
+  baseURL: 'https://api.kinopio.club',
+  withCredentials: false,
+  headers: {
+    Accept: 'application/json',
+    'Content-Type': 'application/json',
+  },
+})
+
+export default {
+  getNewSpaces() {
+    return apiClient.get('/space/new-spaces')
+  },
+}
diff --git a/src/views/Home.vue b/src/views/Home.vue
index 37589c01da141cb97042170606e3733d8e043524..4a9c68abde3b6b1d8bd5abf65b453b9476f53bdf 100644
--- a/src/views/Home.vue
+++ b/src/views/Home.vue
@@ -11,7 +11,7 @@
 <script>
 // @ is an alias to /src
 import SampleComponent from '@/components/SampleComponent.vue'
-import axios from 'axios'
+import EventService from '@/services/EventService.js'
 
 export default {
   name: 'Home',
@@ -25,12 +25,10 @@ export default {
     }
   },
   created() {
-    // should split into base URL and then get
-    axios
-      .get('https://api.kinopio.club/space/new-spaces')
+    EventService.getNewSpaces()
       .then((response) => {
         this.new_spaces = response.data
-        console.log('new_spaces:', response.data)
+        // console.log('new_spaces:', response.data)
       })
       .catch((error) => {
         console.log(error)