diff --git a/src/navigation/Fees.tsx b/src/navigation/Fees.tsx
new file mode 100644
index 00000000..5458f028
--- /dev/null
+++ b/src/navigation/Fees.tsx
@@ -0,0 +1,13 @@
+import React, { useEffect } from'react';
+import { NavigationContainer } from '@react-navigation/native';
+
+
+const App = () => {
+    return (
+        <NavigationContainer>
+            <Stack.Navigator>
+                <Stack.Screen name="Fees" component={Fees} />
+            </Stack.Navigator>
+        </NavigationContainer>
+    );
+};
\ No newline at end of file
diff --git a/src/navigation/Invoice.tsx b/src/navigation/Invoice.tsx
new file mode 100644
index 00000000..fb9fb8ea
--- /dev/null
+++ b/src/navigation/Invoice.tsx
@@ -0,0 +1,14 @@
+import { Invoice } from "../models/Invoice";
+import React from "react";
+
+export interface InvoiceProps {
+    invoice: Invoice;
+}
+
+export const InvoiceComponent: React.FC<InvoiceProps> = ({ invoice }) => {
+    return (
+        <div>
+            InvoiceComponent: {invoice.id}
+        </div>
+    );
+};
\ No newline at end of file