From 2a2338166fe03ec9dc9ef6faec796f3955ac3bf4 Mon Sep 17 00:00:00 2001
From: dotis90 <dotis90@gmail.com>
Date: Fri, 5 Jun 2020 12:27:49 -0400
Subject: [PATCH] add meetup component with API call

---
 src/components/meetup.js | 37 +++++++++++++++++++++++++++++++++++++
 1 file changed, 37 insertions(+)
 create mode 100644 src/components/meetup.js

diff --git a/src/components/meetup.js b/src/components/meetup.js
new file mode 100644
index 0000000..1c32573
--- /dev/null
+++ b/src/components/meetup.js
@@ -0,0 +1,37 @@
+import React, { Fragment, useState, useEffect } from "react"
+
+const MeetUp = () => {
+  const [events, setEvents] = useState([])
+
+  const corsAPI = "https://cors-anywhere.herokuapp.com/"
+  const meetupURL =
+    "https://www.meetup.com/Syracuse-Software-Development-Meetup/events/json/"
+
+  useEffect(() => {
+    fetch(corsAPI + meetupURL, {
+      method: 'GET',
+      headers: { 'X-Requested-With': 'XMLHttpRequest' },
+    }).then(res => {
+      res.json().then((res) => {
+        console.log(res)
+        setEvents(res)
+      })
+    })
+  }, [])
+
+  return (
+    <div>
+      <h1>Upcoming Events</h1>
+
+      {events &&
+        events.map((event, index) =>
+          <Fragment key={index}>
+            <p>{event.title}</p>
+            <p>{event.descr}</p>
+          </Fragment>
+        )}
+    </div>
+  )
+}
+
+export default MeetUp