feat: Implement frontend UI for minibin

- Use prism.js for syntax highlighting
- USe react-router-dom for routing

2 files changed, 24 insertions, 0 deletions

diff --git a/client/src/pages/Home/Home.jsx b/client/src/pages/Home/Home.jsx
new file mode 100644
index 0000000..32bb815
--- /dev/null
+++ b/client/src/pages/Home/Home.jsx
@@ -0,0 +1,18 @@
+import { Routes, Route } from "react-router-dom";
+import styles from "./Home.module.css";
+import Header from "../../components/Header/Header";
+import Editor from "../../components/Editor/Editor";
+
+const Home = () => {
+  return (
+    <div className={styles.home}>
+      <Header />
+      <Routes>
+        <Route path="/" element={<Editor />} />
+        <Route path="/:id" element={<Editor />} />
+      </Routes>
+    </div>
+  );
+};
+
+export default Home;
diff --git a/client/src/pages/Home/Home.module.css b/client/src/pages/Home/Home.module.css
new file mode 100644
index 0000000..45b0b07
--- /dev/null
+++ b/client/src/pages/Home/Home.module.css
@@ -0,0 +1,6 @@
+.home {
+  display: flex;
+  flex-direction: column;
+  height: 100vh;
+  width: 100vw;
+}