first commit

front/src/App.tsx

@@ -0,0 +1,25 @@
+import { BrowserRouter, Routes, Route } from 'react-router-dom';
+import { MainLayout } from './layouts/MainLayout';
+import About from './components/About';
+import './App.css';
+
+const Home = () => <h1>Home Page</h1>;
+const CreatePost = () => <h1>Create Post</h1>;
+const NotFound = () => <h1>404 Not Found</h1>;
+
+function App() {
+  return (
+    <BrowserRouter>
+      <Routes>
+        <Route path="/" element={<MainLayout />}>
+          <Route index element={<Home />} />
+          <Route path="create" element={<CreatePost />} />
+          <Route path="about" element={<About />} />
+          <Route path="*" element={<NotFound />} />
+        </Route>
+      </Routes>
+    </BrowserRouter>
+  );
+}
+
+export default App;