diff --git a/inventory-app/src/__snapshots__/app.test.js.snap b/inventory-app/src/__snapshots__/app.test.js.snap
index 6c4af2a43dfc3c664bd87d48435c0d194dd57066..d7852e2623fa6cdce6445a5dc81782681a149c98 100644
--- a/inventory-app/src/__snapshots__/app.test.js.snap
+++ b/inventory-app/src/__snapshots__/app.test.js.snap
@@ -1,3 +1,9 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
-exports[`the app has one labeled button that displays the value from the store 1`] = `<div />`;
+exports[`the app has one labeled button that displays the value from the store 1`] = `
+<div>
+  <main>
+    [placeholder text]
+  </main>
+</div>
+`;
diff --git a/inventory-app/src/app.js b/inventory-app/src/app.js
index c963f0978a2e1d90e012743d53e336a1f1522f6f..a223914c3fb80713853913f4e2247438f8a89f1b 100644
--- a/inventory-app/src/app.js
+++ b/inventory-app/src/app.js
@@ -1,8 +1,10 @@
 import { Routes, Route } from 'react-router-dom';
+import { Inventory } from './features/inventory/inventory.js';
 
 export function App() {
   const page =
     <>
+      <Inventory/>
     </>;
   return (
     <Routes>
diff --git a/inventory-app/src/features/inventory/inventory.js b/inventory-app/src/features/inventory/inventory.js
new file mode 100644
index 0000000000000000000000000000000000000000..5ff056a2ada56e021b35610ecaec311b2b045f46
--- /dev/null
+++ b/inventory-app/src/features/inventory/inventory.js
@@ -0,0 +1,7 @@
+export function Inventory() {
+  return (
+    <main>
+      [placeholder text]
+    </main>
+  );
+}