diff --git a/app/src/app/(tabs)/orders.tsx b/app/src/app/(tabs)/orders.tsx
new file mode 100644
index 0000000..fab4b90
--- /dev/null
+++ b/app/src/app/(tabs)/orders.tsx
@@ -0,0 +1,20 @@
+import type { JSX } from "react";
+import { ScrollView, View } from "react-native";
+import { Typography } from "heroui-native";
+import { ORDERS } from "@/data/mock";
+import { OrderRow } from "@/components/OrderRow";
+
+export default function OrdersTab(): JSX.Element {
+  return (
+    <ScrollView className="flex-1 bg-background">
+      <View className="gap-2.5 p-4 md:mx-auto md:w-full md:max-w-2xl">
+        <Typography type="h4" className="mb-1">
+          My Orders
+        </Typography>
+        {ORDERS.map((order) => (
+          <OrderRow key={order.id} order={order} />
+        ))}
+      </View>
+    </ScrollView>
+  );
+}