added quote generator workshop

src/constants/workshops.ts

@@ -11,14 +11,23 @@ export const WORKSHOPS: {
   bgColor?: string;
   completed: boolean;
 }[] = [
+  {
+    id: "quote_generator_live",
+    image: "/images/QuoteGeneratorImage.png",
+    number: 11,
+    name: "Quote Generator Live",
+    description: "Resources for the Quote Generator workshop!",
+    moreDescription: "Build a custom Quote Generator in React using an API!",
+    completed: false,
+  },
   {
     id: "vr_live",
     image: "https://i.ibb.co/ct1Bcgm/hcvr-demo.gif",
     number: 11,
     name: "VR World Live",
     description: "Resources for the live VR world workshop!",
     moreDescription: "Build a custom VR world in Replit using AFrame and HTML!",
-    completed: false,
+    completed: true,
   },
   {
     id: "vr",
@@ -27,8 +36,8 @@ export const WORKSHOPS: {
     name: "VR World Self-Guided",
     description: "Build a custom VR world in Replit using AFrame and HTML!",
     moreDescription: "Build a custom VR world in Replit using AFrame and HTML!",
-    completed: false,
-    customUrl: "https://workshops.hackclub.com/vr_worlds/"
+    completed: true,
+    customUrl: "https://workshops.hackclub.com/vr_worlds/",
   },
   {
     id: "tier_list",

src/workshops/quote_generator_live/README.md

@@ -0,0 +1,24 @@
+In this workshop, you'll build a **Quote Generator** using React Components and an API!
+
+**Timing/Work Time**
+
+🕜 This workshop should take 1 hour to complete
+
+💻 No prior experience needed
+
+---
+
+During this workshop, you'll build a fully functional calculator using React components!
+<img src="/images/QuoteGeneratorImage.png"/>
+
+## Part I: Getting Started
+
+Open the Quote Generator link to get started: https://stackblitz.com/edit/stackblitz-starters-ncyurb?file=src%2FApp.js
+
+## Part II: Live Workshop!
+
+Now continue to follow along with the live workshop!
+
+## Part III: Check the Finished Code!
+
+Custom Quote Generator Finished Code: https://stackblitz.com/edit/stackblitz-starters-opur6t?file=src%2FApp.js