diff --git a/recipes-app/package-lock.json b/recipes-app/package-lock.json
index 7dcb800..37595d9 100644
--- a/recipes-app/package-lock.json
+++ b/recipes-app/package-lock.json
@@ -13,6 +13,7 @@
         "@testing-library/user-event": "^13.5.0",
         "react": "^17.0.2",
         "react-dom": "^17.0.2",
+        "react-icons": "^4.3.1",
         "react-scripts": "5.0.0",
         "web-vitals": "^2.1.3"
       }
@@ -12952,6 +12953,14 @@
       "resolved": "https://registry.npmjs.org/react-error-overlay/-/react-error-overlay-6.0.10.tgz",
       "integrity": "sha512-mKR90fX7Pm5seCOfz8q9F+66VCc1PGsWSBxKbITjfKVQHMNF2zudxHnMdJiB1fRCb+XsbQV9sO9DCkgsMQgBIA=="
     },
+    "node_modules/react-icons": {
+      "version": "4.3.1",
+      "resolved": "https://registry.npmjs.org/react-icons/-/react-icons-4.3.1.tgz",
+      "integrity": "sha512-cB10MXLTs3gVuXimblAdI71jrJx8njrJZmNMEMC+sQu5B/BIOmlsAjskdqpn81y8UBVEGuHODd7/ci5DvoSzTQ==",
+      "peerDependencies": {
+        "react": "*"
+      }
+    },
     "node_modules/react-is": {
       "version": "17.0.2",
       "resolved": "https://registry.npmjs.org/react-is/-/react-is-17.0.2.tgz",
@@ -25025,6 +25034,12 @@
       "resolved": "https://registry.npmjs.org/react-error-overlay/-/react-error-overlay-6.0.10.tgz",
       "integrity": "sha512-mKR90fX7Pm5seCOfz8q9F+66VCc1PGsWSBxKbITjfKVQHMNF2zudxHnMdJiB1fRCb+XsbQV9sO9DCkgsMQgBIA=="
     },
+    "react-icons": {
+      "version": "4.3.1",
+      "resolved": "https://registry.npmjs.org/react-icons/-/react-icons-4.3.1.tgz",
+      "integrity": "sha512-cB10MXLTs3gVuXimblAdI71jrJx8njrJZmNMEMC+sQu5B/BIOmlsAjskdqpn81y8UBVEGuHODd7/ci5DvoSzTQ==",
+      "requires": {}
+    },
     "react-is": {
       "version": "17.0.2",
       "resolved": "https://registry.npmjs.org/react-is/-/react-is-17.0.2.tgz",
diff --git a/recipes-app/package.json b/recipes-app/package.json
index 02c772c..57dd56a 100644
--- a/recipes-app/package.json
+++ b/recipes-app/package.json
@@ -8,6 +8,7 @@
     "@testing-library/user-event": "^13.5.0",
     "react": "^17.0.2",
     "react-dom": "^17.0.2",
+    "react-icons": "^4.3.1",
     "react-scripts": "5.0.0",
     "web-vitals": "^2.1.3"
   },
diff --git a/recipes-app/src/components/Menu.jsx b/recipes-app/src/components/Menu.jsx
index 482efe5..0270d70 100644
--- a/recipes-app/src/components/Menu.jsx
+++ b/recipes-app/src/components/Menu.jsx
@@ -1,5 +1,6 @@
 import React from "react";
 import Recipe from "./Recipe";
+import StarRating from "./StarRating";
 
 export default function Menu({ recipes }) {
   return (
@@ -12,6 +13,9 @@ export default function Menu({ recipes }) {
           <Recipe key={i} {...recipe} />
         ))}
       </div>
+      <div>
+        <StarRating />
+      </div>
     </article>
   );
 }
diff --git a/recipes-app/src/components/StarRating.jsx b/recipes-app/src/components/StarRating.jsx
new file mode 100644
index 0000000..b8334da
--- /dev/null
+++ b/recipes-app/src/components/StarRating.jsx
@@ -0,0 +1,12 @@
+import React from "react";
+import { FaStar } from "react-icons/fa";
+
+export default function StarRating() {
+    return [
+        <FaStar color="red" />,
+        <FaStar color="red" />,
+        <FaStar color="red" />,
+        <FaStar color="grey" />,
+        <FaStar color="grey" />
+    ];
+}
\ No newline at end of file