Added framer-motion and zod content to react roadmap (#6377)

src/data/roadmaps/react/content/framer-motion@H6-XGDjs4f-qbv13v5av0.md

@@ -1 +1,10 @@
-# Framer Motion
+# Framer Motion
+
+Framer Motion is a popular open-source motion library for React that allows developers to create sophisticated animations and interactions with ease. It is designed to be simple to use yet powerful, providing a rich set of tools to animate elements in a declarative way.
+
+It powers the amazing animations and interactions in Framer, the web builder for creative pros. Zero code, maximum speed.
+
+Visit the following resources to learn more:
+
+- [@official@Framer Motion Website](https://www.framer.com/motion/introduction/)
+- [@video@Framer Motion Crash Course with React & TS](https://www.youtube.com/watch?v=hjbxaYTMhy0&list=PLA4qBVt61k3Phpwt7uqaptIg9NYZ5aNu_)

src/data/roadmaps/react/content/zod@K3RZ8ESxWCpLKHePF87Hy.md

@@ -1 +1,10 @@
-# Zod
+# Zod
+
+Zod is a TypeScript-first schema declaration and validation library. I'm using the term "schema" to broadly refer to any data type, from a simple string to a complex nested object.
+
+Zod is designed to be as developer-friendly as possible. The goal is to eliminate duplicative type declarations. With Zod, you declare a validator once and Zod will automatically infer the static TypeScript type. It's easy to compose simpler types into complex data structures.
+
+Visit the following resources to learn more:
+
+- [@official@Zod Website](https://zod.dev/)
+- [@video@Learn Zod In 30 Minutes](https://www.youtube.com/watch?v=L6BE-U3oy80)