diff --git a/content/roadmaps/100-frontend/content/110-build-tools/101-module-bundlers/readme.md b/content/roadmaps/100-frontend/content/110-build-tools/101-module-bundlers/readme.md
index c0318608f..4872b33c8 100644
--- a/content/roadmaps/100-frontend/content/110-build-tools/101-module-bundlers/readme.md
+++ b/content/roadmaps/100-frontend/content/110-build-tools/101-module-bundlers/readme.md
@@ -1 +1,11 @@
-# Module bundlers
\ No newline at end of file
+# Module Bundlers
+
+A module bundler is a tool that takes pieces of JavaScript and their dependencies and bundles them into a single file, usually for use in the browser. You may have used tools such as Browserify, Webpack, Rollup or one of many others.
+
+It usually starts with an entry file, and from there it bundles up all of the code needed for that entry file.
+
+<ResourceGroupTitle>Free Content</ResourceGroupTitle>
+
+<BadgeLink badgeText='Watch' href='https://www.youtube.com/watch?v=5IG4UmULyoA'>Module Bundlers Explained</BadgeLink>
+<BadgeLink colorScheme='yellow' badgeText='Read' href='https://www.freecodecamp.org/news/lets-learn-how-module-bundlers-work-and-then-write-one-ourselves-b2e3fe6c88ae/'>Let’s learn how module bundlers work</BadgeLink>
+