confettis

index.html

@@ -18,6 +18,7 @@
       rel="stylesheet"
       type="text/css"
     />
+    <script src="https://cdn.jsdelivr.net/npm/canvas-confetti@1.9.3/dist/confetti.browser.min.js"></script>
     <!-- card related -->
     <meta name="twitter:card" content="summary_large_image" />
     <meta property="og:title" content="Meeting Roulette" />

main.js

@@ -195,6 +195,12 @@ let app = {
       this.selected = this.getSelected();
       this.timeoutId = setTimeout(() => {
         this.showSelected = true;
+        confetti({
+          particleCount: 400,
+          startVelocity: 100,
+          spread: 100,
+          origin: { y: 0.9 },
+        });
       }, 5000);
     },
     getSelected() {