From 3b0f264d81d5b5bf92139a7c4f84bc90bafcbd91 Mon Sep 17 00:00:00 2001
From: murtuza <murtuza.creativity@gmail.com>
Date: Mon, 18 Apr 2022 15:10:59 +0530
Subject: [PATCH 1/4] add a new play - [random meme generator]

---
 public/index.html                             |  1 +
 src/meta/play-meta.js                         | 13 ++++
 src/plays/index.js                            |  1 +
 .../RandomMemeGenerator.jsx                   | 73 +++++++++++++++++++
 .../random-meme-generator.css                 | 51 +++++++++++++
 5 files changed, 139 insertions(+)
 create mode 100644 src/plays/random-meme-generator/RandomMemeGenerator.jsx
 create mode 100644 src/plays/random-meme-generator/random-meme-generator.css

diff --git a/public/index.html b/public/index.html
index fe326fff7f..2e1b0e799d 100644
--- a/public/index.html
+++ b/public/index.html
@@ -43,6 +43,7 @@
       work correctly both with client-side routing and a non-root public URL.
       Learn how to configure a non-root public URL by running `npm run build`.
     -->
+    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.1.1/css/all.min.css" integrity="sha512-KfkfwYDsLkIlwQp6LFnl8zNdLGxu9YAA1QvwINks4PhcElQSvqcyVLLD9aMhXd13uQjoXtEKNosOWaZqXgel0g==" crossorigin="anonymous" referrerpolicy="no-referrer" />
     <link rel="preconnect" href="https://fonts.googleapis.com">
     <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
     <link href="https://fonts.googleapis.com/css2?family=Quicksand:wght@500&display=swap" rel="stylesheet">
diff --git a/src/meta/play-meta.js b/src/meta/play-meta.js
index 8167644dfe..3bf42bffe1 100644
--- a/src/meta/play-meta.js
+++ b/src/meta/play-meta.js
@@ -6,6 +6,7 @@ import {
   WhyReact,
   CounterApp,
 SocialCard,
+RandomMemeGenerator,
 //import play here
 } from "plays";
 
@@ -88,6 +89,18 @@ export const plays = [
     cover: '',
     blog: 'https://blog.greenroots.info/how-to-create-react-form-with-a-single-change-event-handler',
     video: ''
+  }, {
+    id: 'pl-random-meme-generator', 
+    name: 'Random Meme Generator', 
+    description: 'A project to demonstrate the use of API to fetch random memes! It also demonstrates how you can do event handling!',
+    component: () => {return <RandomMemeGenerator />},
+    path: '/plays/random-meme-generator',
+    level: 'Beginner',
+    tags: 'JSX,Hooks,API,EventHandling',
+    github: 'murtuzaalisurti',
+    cover: '',
+    blog: '',
+    video: ''
   }, //replace new play item here
 ];
 
diff --git a/src/plays/index.js b/src/plays/index.js
index 03dc2a3696..989b5898c0 100644
--- a/src/plays/index.js
+++ b/src/plays/index.js
@@ -7,4 +7,5 @@ export { default as MovieContainer } from 'plays/movies/MovieContainer';
 export { default as WhyReact } from 'plays/why-react/WhyReact';
 export { default as CounterApp } from 'plays/counter/CounterApp';
 export { default as SocialCard } from 'plays/social-card/SocialCard';
+export { default as RandomMemeGenerator } from 'plays/random-meme-generator/RandomMemeGenerator';
 //add export here
diff --git a/src/plays/random-meme-generator/RandomMemeGenerator.jsx b/src/plays/random-meme-generator/RandomMemeGenerator.jsx
new file mode 100644
index 0000000000..9d3badafa3
--- /dev/null
+++ b/src/plays/random-meme-generator/RandomMemeGenerator.jsx
@@ -0,0 +1,73 @@
+
+import { useLocation } from 'react-router-dom';
+import { getPlayById } from 'meta/play-meta-util';
+import { useState, useEffect } from 'react';
+
+import PlayHeader from 'common/playlists/PlayHeader';
+import './random-meme-generator.css';
+
+function RandomMemeGenerator() {
+  // Do not remove the below lines. 
+  // The following code is to fetch the current play from the URL
+  const location = useLocation();
+  const { id } = location.state;
+  const play = getPlayById(id);
+
+  // Your Code Start below.
+
+  const [meme, setMeme] = useState({});
+
+  const [isLoading, setIsLoading] = useState(false);
+
+  function getMeme() {
+    setIsLoading(true);
+    fetch('https://meme-api.herokuapp.com/gimme').then((res) => {
+      return res.json();
+    }).then((data) => {
+      setIsLoading(false)
+      if(data.nsfw) {
+        getMeme();
+      } else {
+        console.log(data);
+        setMeme((prev) => {
+          return data;
+        })
+      }
+    }).catch((err) => {
+      console.error(err);
+    })
+  }
+
+  useEffect(() => {
+    getMeme();
+  }, [])
+
+  function handleClick(e) {
+    e.target.classList.contains('generate-btn') && getMeme();
+  }
+
+  return (
+    <>
+      <div className="play-details">
+        <PlayHeader play={play} />
+        <div className="play-details-body">
+          {/* Your Code Starts Here */}
+          <div className="meme-generator-title">
+            Meme Generator
+          </div>
+
+          <div className="meme-container">
+            {meme.url === null || meme.url === undefined ? <i className={"fa-solid fa-rotate loading"}></i> : <img className="meme" src={meme.url} alt="meme" />}
+          </div>
+
+          <div className="generate">
+            <button className="btn generate-btn" onClick={handleClick}>Generate <i className={`fa-solid fa-rotate ${isLoading && 'loading'}`}></i></button>
+          </div>
+          {/* Your Code Ends Here */}
+        </div>
+      </div>
+    </>
+  );
+}
+
+export default RandomMemeGenerator;
\ No newline at end of file
diff --git a/src/plays/random-meme-generator/random-meme-generator.css b/src/plays/random-meme-generator/random-meme-generator.css
new file mode 100644
index 0000000000..325decb6e4
--- /dev/null
+++ b/src/plays/random-meme-generator/random-meme-generator.css
@@ -0,0 +1,51 @@
+.meme-container {
+    width: 100%;
+    display: flex;
+    justify-content: center;
+}
+
+.meme {
+    width: 80%;
+    max-width: 20rem;
+    height: auto;
+}
+
+.meme-generator-title {
+    font-family: 'Quicksand', sans-serif;
+    font-size: 2rem;
+    display: flex;
+    justify-content: center;
+    margin: 2rem 0;
+}
+
+.generate {
+    width: 100%;
+    display: flex;
+    justify-content: center;
+    margin: 2rem 0;
+}
+
+.generate-btn {
+    padding: 0.7rem 1.2rem;
+    font-family: 'Quicksand', sans-serif;
+    outline: none;
+    background-color: #61DBFB;
+    color: black;
+    border: none;
+    border-radius: 0.5rem;
+    cursor: pointer;
+}
+
+.loading {
+    animation: rotate 0.5s ease-in-out infinite both;
+}
+
+@keyframes rotate {
+    0% {
+        transform: rotate(0deg);
+    }
+
+    100% {
+        transform: rotate(360deg);
+    }
+}
\ No newline at end of file

From 1de50820907e5fab3b91fb61d0bac5ce415fadd2 Mon Sep 17 00:00:00 2001
From: murtuza <murtuza.creativity@gmail.com>
Date: Mon, 18 Apr 2022 15:41:40 +0530
Subject: [PATCH 2/4] =?UTF-8?q?added=20a=20readme=20=E2=9C=94?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/plays/random-meme-generator/readme.md | 17 +++++++++++++++++
 1 file changed, 17 insertions(+)
 create mode 100644 src/plays/random-meme-generator/readme.md

diff --git a/src/plays/random-meme-generator/readme.md b/src/plays/random-meme-generator/readme.md
new file mode 100644
index 0000000000..2416e1e353
--- /dev/null
+++ b/src/plays/random-meme-generator/readme.md
@@ -0,0 +1,17 @@
+
+# Random Meme Generator
+
+This project demonstrates the use of API in order to fetch random memes!
+
+## What will you learn?
+
+- How to use APIs in React.
+- Importance of `useEffect` hook.
+- Event handling for user interaction.
+- State management
+
+The file `RandomMemeGenerator.jsx` has all the code required to build a meme generator! So, if you want to get a grasp of it, try implementing it on your own!
+
+I have used [Meme_Api](https://github.com/D3vd/Meme_Api) to generate memes but you can use any api of your choice!
+
+Keep Learning!

From 585607b758697a32ea8d939a2295e8b0fc3d8382 Mon Sep 17 00:00:00 2001
From: murtuza <murtuza.creativity@gmail.com>
Date: Mon, 18 Apr 2022 16:08:02 +0530
Subject: [PATCH 3/4] =?UTF-8?q?added=20cover=20image=20=E2=9A=A1?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/plays/random-meme-generator/cover.png | Bin 0 -> 25357 bytes
 1 file changed, 0 insertions(+), 0 deletions(-)
 create mode 100644 src/plays/random-meme-generator/cover.png

diff --git a/src/plays/random-meme-generator/cover.png b/src/plays/random-meme-generator/cover.png
new file mode 100644
index 0000000000000000000000000000000000000000..973df338c3fdef3cf3a18b768fe215e0c7663fac
GIT binary patch
literal 25357
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

literal 0
HcmV?d00001


From a3d6d1bc9972364db82a1c7af1f111a73658a558 Mon Sep 17 00:00:00 2001
From: murtuza <murtuza.creativity@gmail.com>
Date: Mon, 18 Apr 2022 21:37:59 +0530
Subject: [PATCH 4/4] =?UTF-8?q?improved=20=E2=9C=94?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 public/index.html                                        | 1 -
 src/plays/random-meme-generator/RandomMemeGenerator.jsx  | 9 +++------
 .../random-meme-generator/random-meme-generator.css      | 6 ++++++
 3 files changed, 9 insertions(+), 7 deletions(-)

diff --git a/public/index.html b/public/index.html
index 2e1b0e799d..fe326fff7f 100644
--- a/public/index.html
+++ b/public/index.html
@@ -43,7 +43,6 @@
       work correctly both with client-side routing and a non-root public URL.
       Learn how to configure a non-root public URL by running `npm run build`.
     -->
-    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.1.1/css/all.min.css" integrity="sha512-KfkfwYDsLkIlwQp6LFnl8zNdLGxu9YAA1QvwINks4PhcElQSvqcyVLLD9aMhXd13uQjoXtEKNosOWaZqXgel0g==" crossorigin="anonymous" referrerpolicy="no-referrer" />
     <link rel="preconnect" href="https://fonts.googleapis.com">
     <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
     <link href="https://fonts.googleapis.com/css2?family=Quicksand:wght@500&display=swap" rel="stylesheet">
diff --git a/src/plays/random-meme-generator/RandomMemeGenerator.jsx b/src/plays/random-meme-generator/RandomMemeGenerator.jsx
index 9d3badafa3..c3e7e44c13 100644
--- a/src/plays/random-meme-generator/RandomMemeGenerator.jsx
+++ b/src/plays/random-meme-generator/RandomMemeGenerator.jsx
@@ -2,6 +2,7 @@
 import { useLocation } from 'react-router-dom';
 import { getPlayById } from 'meta/play-meta-util';
 import { useState, useEffect } from 'react';
+import { FaSyncAlt } from 'react-icons/fa';
 
 import PlayHeader from 'common/playlists/PlayHeader';
 import './random-meme-generator.css';
@@ -42,10 +43,6 @@ function RandomMemeGenerator() {
     getMeme();
   }, [])
 
-  function handleClick(e) {
-    e.target.classList.contains('generate-btn') && getMeme();
-  }
-
   return (
     <>
       <div className="play-details">
@@ -57,11 +54,11 @@ function RandomMemeGenerator() {
           </div>
 
           <div className="meme-container">
-            {meme.url === null || meme.url === undefined ? <i className={"fa-solid fa-rotate loading"}></i> : <img className="meme" src={meme.url} alt="meme" />}
+            {meme.url === null || meme.url === undefined ? <FaSyncAlt className={"loading"}></FaSyncAlt> : <img className="meme" src={meme.url} alt="meme" />}
           </div>
 
           <div className="generate">
-            <button className="btn generate-btn" onClick={handleClick}>Generate <i className={`fa-solid fa-rotate ${isLoading && 'loading'}`}></i></button>
+            <button className="btn generate-btn" onClick={() => getMeme()}>Generate <FaSyncAlt className={`${isLoading && 'loading'}`}></FaSyncAlt></button>
           </div>
           {/* Your Code Ends Here */}
         </div>
diff --git a/src/plays/random-meme-generator/random-meme-generator.css b/src/plays/random-meme-generator/random-meme-generator.css
index 325decb6e4..9821fc48e8 100644
--- a/src/plays/random-meme-generator/random-meme-generator.css
+++ b/src/plays/random-meme-generator/random-meme-generator.css
@@ -26,6 +26,8 @@
 }
 
 .generate-btn {
+    display: flex;
+    align-items: center;
     padding: 0.7rem 1.2rem;
     font-family: 'Quicksand', sans-serif;
     outline: none;
@@ -36,6 +38,10 @@
     cursor: pointer;
 }
 
+.generate-btn svg {
+    margin-left: 0.5rem;
+}
+
 .loading {
     animation: rotate 0.5s ease-in-out infinite both;
 }