diff --git a/content/roadmaps/103-react/content/100-react-fundamental-topics/102-components/100-functional-components.md b/content/roadmaps/103-react/content/100-react-fundamental-topics/102-components/100-functional-components.md
index 6d2d7cba1..7cd8e34d3 100644
--- a/content/roadmaps/103-react/content/100-react-fundamental-topics/102-components/100-functional-components.md
+++ b/content/roadmaps/103-react/content/100-react-fundamental-topics/102-components/100-functional-components.md
@@ -1 +1,7 @@
-# Functional components
\ No newline at end of file
+# Functional Components
+
+Functional components are some of the more common components that will come across while working in React. These are simply JavaScript functions. We can create a functional component to React by writing a JavaScript function. These functions may or may not receive data as parameters. In the functional Components, the return value is the JSX code to render to the DOM tree. Functional components can also have state which is managed using React hooks.
+
+<ResourceGroupTitle>Free Content</ResourceGroupTitle>
+<BadgeLink colorScheme='blue' badgeText='Official Docs' href='https://reactjs.org/docs/components-and-props.html#function-and-class-components'>Components and Props</BadgeLink>
+<BadgeLink colorScheme='yellow' badgeText='Read' href='https://www.geeksforgeeks.org/reactjs-functional-components/'>ReactJS Functional Components</BadgeLink>