diff --git a/daily-thought-frontend/src/pages/feed.tsx b/daily-thought-frontend/src/pages/feed.tsx
new file mode 100644
index 0000000000000000000000000000000000000000..fda8cd9d07c54b53cc1bfe1e54e3f22a6e77d92d
--- /dev/null
+++ b/daily-thought-frontend/src/pages/feed.tsx
@@ -0,0 +1,22 @@
+import HiddenPost from "@/components/post/HiddenPost";
+import Post from "@/components/post/Post";
+
+const Feed = () => {
+
+  let colors = ["#ffd0d2","#fffdd0","#d0fffd","#d0d2ff"];
+
+  return (
+    <div>
+          <Post 
+          User={{FirstName: "John", LastName: "Smith", Username: "JohnSmith", Avatar: null, Colors: [colors[0], colors[1]]}} 
+          Likes={[]}
+          Post="This is my amazing post"
+          TimeStamp='Just now'
+        />
+
+        <HiddenPost UserColors={colors}/>
+    </div>
+  )
+}
+
+export default Feed;
\ No newline at end of file