diff --git a/content/roadmaps/100-frontend/content/103-javascript/102-learn-fetch-api-ajax-xhr.md b/content/roadmaps/100-frontend/content/103-javascript/102-learn-fetch-api-ajax-xhr.md
index 6c80398a9..1f675d17e 100644
--- a/content/roadmaps/100-frontend/content/103-javascript/102-learn-fetch-api-ajax-xhr.md
+++ b/content/roadmaps/100-frontend/content/103-javascript/102-learn-fetch-api-ajax-xhr.md
@@ -4,4 +4,5 @@ Ajax is the technique that lets us send and receive the data asynchronously from
 
 <ResourceGroupTitle>Free Content</ResourceGroupTitle>
 <BadgeLink badgeText='Read' colorScheme="yellow" href='https://developer.mozilla.org/en-US/docs/Web/API/Fetch_API'>Fetch API MDN Docs</BadgeLink>
+<BadgeLink badgeText='Read' colorScheme='yellow' href='https://web.dev/introduction-to-fetch/'>Introduction to Fetch</BadgeLink>
 <BadgeLink badgeText='Watch' href='https://www.youtube.com/watch?v=-ZI0ea5O2oA'>JavaScript Fetch API</BadgeLink>