diff --git a/content/roadmaps/100-frontend/content/111-pick-a-framework/100-react-js/101-mobx.md b/content/roadmaps/100-frontend/content/111-pick-a-framework/100-react-js/101-mobx.md
index 9b7bfd0f9..55e9ca1c2 100644
--- a/content/roadmaps/100-frontend/content/111-pick-a-framework/100-react-js/101-mobx.md
+++ b/content/roadmaps/100-frontend/content/111-pick-a-framework/100-react-js/101-mobx.md
@@ -1 +1,8 @@
-# Mobx
\ No newline at end of file
+# MobX
+
+MobX is an open source state management tool. MobX, a simple, scalable, and standalone state management library, follows functional reactive programming (FRP) implementation and prevents inconsistent state by ensuring that all derivations are performed automatically.
+
+<ResourceGroupTitle>Free Content</ResourceGroupTitle>
+
+<BadgeLink colorScheme='blue' badgeText='Official Website' href='https://mobx.js.org/'>MobX Official Website</BadgeLink>
+<BadgeLink badgeText='Watch' href='https://www.youtube.com/watch?v=WQQq1QbYlAw'>Intro to MobX Tutorial</BadgeLink>