begin integrating frontend and backend

frontend/src/main.tsx

@@ -13,7 +13,7 @@ createRoot(document.getElementById('root')!).render(
       <Navbar />
       <Routes>
         <Route path="/" element={<Home />} />
-        <Route path="/article/:articleId" element={<Article />} />
+        <Route path="/article/:slug" element={<Article />} />
         <Route path="/articleList" element={<ArticleList />} />
       </Routes>
     </BrowserRouter>

frontend/src/pages/Article.tsx

@@ -1,11 +1,12 @@
 import { useParams } from 'react-router';
+// import { useState, useEffect } from 'react';
 
 export default function Article() {
-  let { articleId } = useParams();
+  let { slug } = useParams();
 
   return (
     <div id="article">
-      <h1>Article: {articleId}</h1>
+      <h1>Article: {slug}</h1>
     </div>
   );
 };