diff --git a/src/data/showcase/QR.png b/src/data/showcase/QR.png
new file mode 100644
index 000000000..d8bb1daf2
Binary files /dev/null and b/src/data/showcase/QR.png differ
diff --git a/src/data/showcase/buttons.png b/src/data/showcase/buttons.png
new file mode 100644
index 000000000..61c700eb9
Binary files /dev/null and b/src/data/showcase/buttons.png differ
diff --git a/src/data/userData.tsx b/src/data/userData.tsx
index 0d3bad766..2aca61abd 100644
--- a/src/data/userData.tsx
+++ b/src/data/userData.tsx
@@ -396,5 +396,23 @@ export const Users: User[] = [
       website:"https://ridhima10.github.io/The_Pull/",
       source: "https://github.com/Ridhima10/The_Pull",
       tags: ["html", "css", "javascript"],
+    },
+    // QR Generator
+    {
+      title: "QR Generator",
+      description: "Simple QR generator made with HTML, CSS and Javacsript",
+      preview: require("./showcase/QR.png"),
+      website: "https://github.com/Ridhima10/Js-mini-projects/tree/main/QR%20code%20generator",
+      source: "https://github.com/Ridhima10/Js-mini-projects/tree/main/QR%20code%20generator",
+      tags: ["html", "css", "javascript"],
+    },
+    // CSS Buttons sample
+    {
+      title: "Custom made CSS Buttons",
+      description: "Variety of custom made CSS Buttons.Hover on it to get more insight of the buttons. Customize it , use it and have fun ",
+      preview: require("./showcase/buttons.png"),
+      website: "https://github.com/Ridhima10/complete-web-dev.-boot-camp/tree/master/Buttons/Styling%20of%20buttons",
+      source: "https://github.com/Ridhima10/complete-web-dev.-boot-camp/tree/master/Buttons/Styling%20of%20buttons",
+      tags: ["html", "css", "javascript"],
     }
 ];