getting all events for marketplace

frontend/src/Components/CreateEventForm.js

 import React, { useState } from "react";
 import errorAlert from "../Helpers/errorAlert";
 import isEmpty from 'validator/lib/isEmpty';
-import {createEvent} from '../api/event';
+import {createEvent} from '../api/events';
 
 
 const CreateEventForm = () => {

frontend/src/Pages/Marketplace.js

 import React, { useEffect, useState } from 'react';
+import { getAllEvents } from '../api/events';
 
 const Marketplace = () => {
 
     const [allTickets, setAllTickets] = useState([]);
 
     useEffect(() =>{
+        async function getEvents(){
+            let tickets = await getAllEvents();
 
+            setAllTickets(tickets.data)
+        }
+        getEvents();
     },[]);
 
+    useEffect(()=>{
+        console.log(allTickets)
+    },[allTickets])
+
+
     return (
         <div>
             This is marketplace

frontend/src/api/event.js → frontend/src/api/events.js

@@ -14,3 +14,16 @@ export const createEvent =  async (formData) => {
 
   return response;
 };
+
+export const getAllEvents = async () => {
+
+  const config = {
+      headers: {
+          'Content-Type': 'application/json'
+      }
+  }
+
+  const response = await axios.get('/api/event', config)
+
+  return response  
+};