diff --git a/ui/src/App.jsx b/ui/src/App.jsx
new file mode 100644
index 00000000..f5364bb4
--- /dev/null
+++ b/ui/src/App.jsx
@@ -0,0 +1,24 @@
+import Topbar from "./components/Topbar";
+import Sidebar from "./components/Sidebar";
+import Scraper from "./components/Scraper";
+import { ConfigProvider } from 'antd';
+import { BrowserRouter } from 'react-router-dom'
+
+const App = () => (
+  <ConfigProvider
+    theme={{
+      token: {
+        colorPrimary: '#ff00c3',
+        borderRadius: 2,
+      },
+    }}
+  >
+    <BrowserRouter>
+      <Topbar />
+      {/* <Sidebar />  */}
+      <Scraper />
+    </BrowserRouter>
+  </ConfigProvider>
+);
+
+export default App;
\ No newline at end of file