From d7252f9a9cd74ca397ead0c81cb9d47e274bfe9e Mon Sep 17 00:00:00 2001
From: "github-actions[bot]"
 <41898282+github-actions[bot]@users.noreply.github.com>
Date: Wed, 23 Oct 2024 00:38:14 +0600
Subject: [PATCH] chore: update roadmap content json (#7552)

Co-authored-by: kamranahmedse <4921183+kamranahmedse@users.noreply.github.com>
---
 public/roadmap-content/game-developer.json | 25 ++++++++++++++++++----
 public/roadmap-content/react.json          |  5 +++++
 2 files changed, 26 insertions(+), 4 deletions(-)

diff --git a/public/roadmap-content/game-developer.json b/public/roadmap-content/game-developer.json
index 9ac90222f..bc81397db 100644
--- a/public/roadmap-content/game-developer.json
+++ b/public/roadmap-content/game-developer.json
@@ -100,8 +100,19 @@
   },
   "YTkOF_33oL1ZkA-loc_DP": {
     "title": "Curve",
-    "description": "Curve\n-----",
-    "links": []
+    "description": "Curve\n-----\n\nA `curve` in game development is a mathematical tool for creating smooth lines or paths, used in areas like animation, 3D modeling, UI design, and level layouts. Curves simplify complex shapes and movements, enabling more natural results compared to linear approaches. They're key for `lifelike animations`, organic shapes, `realistic physics`, and smooth camera movements, essential for polished, fluid game design.\n\nLearn more from the following resources:",
+    "links": [
+      {
+        "title": "Curves wikipedia",
+        "url": "https://en.wikipedia.org/wiki/Curve",
+        "type": "article"
+      },
+      {
+        "title": "Curves basics",
+        "url": "https://byjus.com/maths/curve/",
+        "type": "article"
+      }
+    ]
   },
   "nTiHZXRh2j3_FsBotmlGf": {
     "title": "Spline",
@@ -121,8 +132,14 @@
   },
   "DUEEm9sAaZqSI-W-PFZ8f": {
     "title": "Bezier",
-    "description": "`Bezier curves` are named after Pierre Bezier, a French engineer working at Renault, who used them in the 1960s for designing car bodies. A Bezier curve is defined by a set of control points with a minimum of two but no upper limit. The curve is calculated between the first and the last control point and does not pass through the controlling points, which only influence the direction of the curve. There are linear, quadratic, and cubic Bezier curves, but curves with more control points are also possible. They are widely used in computer graphics, animations, and are extensively used in vector images and tools to create shapes, texts, and objects.",
-    "links": []
+    "description": "`Bezier curves` are named after Pierre Bezier, a French engineer working at Renault, who used them in the 1960s for designing car bodies. A Bezier curve is defined by a set of control points with a minimum of two but no upper limit. The curve is calculated between the first and the last control point and does not pass through the controlling points, which only influence the direction of the curve. There are linear, quadratic, and cubic Bezier curves, but curves with more control points are also possible. They are widely used in computer graphics, animations, and are extensively used in vector images and tools to create shapes, texts, and objects.\n\nLearn more from the following resources:",
+    "links": [
+      {
+        "title": "Bezier Curves Explained",
+        "url": "https://www.youtube.com/watch?v=pnYccz1Ha34",
+        "type": "video"
+      }
+    ]
   },
   "N9GoA3YvOaKwYjljj6NZv": {
     "title": "Catmull-Rom",
diff --git a/public/roadmap-content/react.json b/public/roadmap-content/react.json
index a7f0e3bf7..6e7fb25d8 100644
--- a/public/roadmap-content/react.json
+++ b/public/roadmap-content/react.json
@@ -1675,6 +1675,11 @@
         "title": "React Suspense",
         "url": "https://react.dev/reference/react/Suspense",
         "type": "article"
+      },
+      {
+        "title": "React Suspense - A complete guide",
+        "url": "https://hygraph.com/blog/react-suspense",
+        "type": "article"
       }
     ]
   },