diff --git a/frontend/src/App.tsx b/frontend/src/App.tsx
new file mode 100644
index 0000000..6d7abbd
--- /dev/null
+++ b/frontend/src/App.tsx
@@ -0,0 +1,44 @@
+import { Admin, Resource } from 'react-admin';
+import { authProvider, initKeycloak } from './authProvider';
+import { dataProvider } from './dataProvider';
+import { EquipmentList, EquipmentEdit, EquipmentCreate, EquipmentShow } from './resources/equipment';
+import { ChangeEquipmentStatusList, ChangeEquipmentStatusEdit, ChangeEquipmentStatusCreate, ChangeEquipmentStatusShow } from './resources/change-equipment-status';
+import { useState, useEffect } from 'react';
+import { Loading } from 'react-admin';
+
+const App = () => {
+  const [isAuthenticated, setIsAuthenticated] = useState(false);
+
+  useEffect(() => {
+    const initializeAuth = async () => {
+      const authResult = await initKeycloak();
+      setIsAuthenticated(authResult);
+    };
+    initializeAuth();
+  }, []);
+
+  if (!isAuthenticated) {
+    return <Loading />;
+  }
+
+  return (
+    <Admin dataProvider={dataProvider} authProvider={authProvider}>
+      <Resource
+        name="equipment"
+        list={EquipmentList}
+        edit={EquipmentEdit}
+        create={EquipmentCreate}
+        show={EquipmentShow}
+      />
+      <Resource
+        name="change-equipment-status"
+        list={ChangeEquipmentStatusList}
+        edit={ChangeEquipmentStatusEdit}
+        create={ChangeEquipmentStatusCreate}
+        show={ChangeEquipmentStatusShow}
+      />
+    </Admin>
+  );
+};
+
+export default App;
\ No newline at end of file