diff --git a/src/App.js b/src/App.js
index 0f7fce8..ec21e33 100644
--- a/src/App.js
+++ b/src/App.js
@@ -1,5 +1,6 @@
 import React from 'react';
 import './App.css';
+import PhonoChangeApplier from './PhonoChangeApplier';
 
 function App() {
   return (
@@ -7,6 +8,7 @@ function App() {
       <header className="App-header">
         Phono Change Applier
       </header>
+      <PhonoChangeApplier />
     </div>
   );
 }
diff --git a/src/PhonoChangeApplier.js b/src/PhonoChangeApplier.js
new file mode 100644
index 0000000..10b3577
--- /dev/null
+++ b/src/PhonoChangeApplier.js
@@ -0,0 +1,10 @@
+import React from 'react';
+import './PhonoChangeApplier.scss';
+
+const PhonoChangeApplier = () => {
+  return (<>
+    
+  </>);
+}
+
+export default PhonoChangeApplier;
\ No newline at end of file
diff --git a/src/PhonoChangeApplier.scss b/src/PhonoChangeApplier.scss
new file mode 100644
index 0000000..e69de29
diff --git a/src/components/Options.js b/src/components/Options.js
new file mode 100644
index 0000000..71892f4
--- /dev/null
+++ b/src/components/Options.js
@@ -0,0 +1,10 @@
+import React from 'react';
+import './Options.scss';
+
+const Options = () => {
+  return (<>
+  
+  </>);
+}
+
+export default Options;
\ No newline at end of file
diff --git a/src/components/Options.scss b/src/components/Options.scss
new file mode 100644
index 0000000..e69de29