diff --git a/frontend/src/App.tsx b/frontend/src/App.tsx
new file mode 100644
index 0000000..fcc1977
--- /dev/null
+++ b/frontend/src/App.tsx
@@ -0,0 +1,24 @@
+import { BrowserRouter as Router, Routes, Route } from 'react-router-dom'
+import Layout from './components/layout/Layout'
+import Dashboard from './pages/Dashboard'
+import Record from './pages/Record'
+import Budget from './pages/Budget'
+import Statistics from './pages/Statistics'
+import './App.css'
+
+function App() {
+  return (
+    <Router>
+      <Layout>
+        <Routes>
+          <Route path="/" element={<Dashboard />} />
+          <Route path="/record" element={<Record />} />
+          <Route path="/budget" element={<Budget />} />
+          <Route path="/statistics" element={<Statistics />} />
+        </Routes>
+      </Layout>
+    </Router>
+  )
+}
+
+export default App