diff --git a/catch-rate-calc/src/app.js b/catch-rate-calc/src/app.js
index 1b3e642bf06854142f1364a2c71445a35534bd9b..6526f88a92e976d18363ae15421027c834904d58 100644
--- a/catch-rate-calc/src/app.js
+++ b/catch-rate-calc/src/app.js
@@ -1,13 +1,13 @@
 import React from 'react';
 import { Route } from 'react-router-dom';
 
-import { Counter } from './features/counter/counter.js';
+import { CatchRateCalc } from './features/catchRateCalc/catchRateCalc.js';
 
 export function App() {
   return (
     <>
       <Route exact path={'/'}>
-        <Counter label={'Taps'} />
+        <CatchRateCalc label={'Taps'} />
       </Route>
     </>
   );
diff --git a/catch-rate-calc/src/features/catchRateCalc/catchRateCalc.js b/catch-rate-calc/src/features/catchRateCalc/catchRateCalc.js
new file mode 100644
index 0000000000000000000000000000000000000000..1bc849425bc6c347e1c2229760011c93f8f5004b
--- /dev/null
+++ b/catch-rate-calc/src/features/catchRateCalc/catchRateCalc.js
@@ -0,0 +1,9 @@
+import React from 'react';
+
+export function CatchRateCalc() {
+  return (
+    <main>
+      [placeholder text]
+    </main>
+  );
+}
\ No newline at end of file