s1

app/routes/admin._index.tsx

@@ -0,0 +1,9 @@
+import AdminNav from '~/components/AdminNav'
+
+export default function AdminIndex(){
+    return(
+        <div>
+            <AdminNav />
+        </div>
+    )
+}

app/routes/admin.new-module.tsx

@@ -0,0 +1,17 @@
+import AdminNav from '~/components/AdminNav';
+import React, { useEffect, useState } from 'react';
+import ModuleList from '~/components/ModuleList';
+import NewModule from '~/components/NewModule';
+
+
+export default function AdminIndex(){
+    return (
+        <div>
+            <AdminNav />
+            <NewModule />
+            <div>
+                <ModuleList />
+            </div>            
+        </div>
+    );
+}

app/routes/admin.new-question.tsx

@@ -0,0 +1,19 @@
+import AdminNav from '~/components/AdminNav';
+import React, { useEffect, useState } from 'react';
+
+import NewQuestion from '~/components/AddQuestion'
+import QuestionList from '~/components/QuestionList'
+
+
+
+export default function AdminIndex(){
+    return (
+        <div>
+            <AdminNav />
+            <div>
+                <NewQuestion />
+            </div>   
+            <QuestionList />         
+        </div>
+    );
+}

app/routes/admin.new-quiz.tsx

@@ -0,0 +1,17 @@
+import AdminNav from '~/components/AdminNav';
+import React, { useEffect, useState } from 'react';
+import QuizList from '~/components/QuizList';
+import NewQuiz from '~/components/NewQuiz';
+
+
+export default function AdminIndex(){
+    return (
+        <div>
+            <AdminNav />
+            <NewQuiz />
+            <div>
+                <QuizList />
+            </div>            
+        </div>
+    );
+}