Added temp code changes to branch

Author: NivethaUdayakumar

backend/question-service/src/dto/CreateQuestion.dto.ts

@@ -39,7 +39,7 @@ export class CreateQuestionDto {
     message:
       'Category must be Algorithm, DynamicProgramming, Array, SQL, Heap, Recursion, Graph, Sorting',
   })
-  categories: Category;
+  categories: Category[];
 
   @IsNotEmpty()
   @IsEnum(Difficulty, {
@@ -50,4 +50,4 @@ export class CreateQuestionDto {
   @IsNotEmpty()
   @IsString()
   link: string;
-}
+}

backend/question-service/src/main.ts

@@ -3,6 +3,8 @@ import { AppModule } from './app.module';
 
 async function bootstrap() {
   const app = await NestFactory.create(AppModule);
+  app.enableShutdownHooks();
   await app.listen(3002);
+  console.log(app.getHttpAdapter().getInstance()._router.stack);
 }
 bootstrap();

backend/question-service/src/schemas/Question.schema.ts

@@ -4,7 +4,7 @@ import mongoose from 'mongoose';
 @Schema()
 export class Question {
   @Prop({ unique: true })
-  id: string;
+  id: number;
 
   @Prop({ unique: true, required: true })
   title: string;
@@ -13,10 +13,13 @@ export class Question {
   description: string;
 
   @Prop({ required: true })
-  category: string;
+  categories: string;
 
   @Prop({ required: true })
-  difficulty: string;
+  complexity: string;
+
+  @Prop({ required: true })
+  link: string;
 }
 
 export const QuestionSchema = SchemaFactory.createForClass(Question)

frontend/package-lock.json

@@ -19,6 +19,7 @@
     "react-dom": "^18.3.1",
     "react-router-dom": "^6.26.2",
     "react-scripts": "^5.0.1",
+    "react-services": "^0.1.2",
     "typescript": "^4.9.5",
     "web-vitals": "^2.1.4"
   },

frontend/package.json

@@ -1,8 +1,9 @@
+import axios from 'axios';
 import React, { useState } from 'react';
 import EditQuestionForm from './editquestionform';
 
 export interface Question {
-    id: number;
+    id: string;
     title: string;
     description: string;
     categories: string;
@@ -29,24 +30,35 @@ const QuestionTable: React.FC<QuestionTableProps> = ({ searchTerm, category, com
         return matchesSearchTerm && matchesCategory && matchesComplexity;
     });
 
-    const handleDelete = (id: number) => {
+    const handleDelete = async(id: string) => {
+        try {
+            await axios.delete(`http://localhost:3000/questions/${id}`); 
+            setQuestions((prevQuestions) => prevQuestions.filter(question => question.id !== id));
+        } catch (error) {
+            alert('Error deleting question: ' + error);
+        }
         setQuestions((prevQuestions) => prevQuestions.filter(question => question.id !== id));
     };
 
-    const handleUpdate = (updatedQuestion: Question) => {
-        setQuestions((prevQuestions) =>
-            prevQuestions.map(question => (question.id === updatedQuestion.id ? updatedQuestion : question))
-        );
+    const handleUpdate = async(updatedQuestion: Question) => {
+        try {
+            const response = await axios.patch(`http://localhost:3000/questions/${updatedQuestion.id}`, updatedQuestion);
+            setQuestions((prevQuestions) =>
+                prevQuestions.map(question => (question.id === updatedQuestion.id ? response.data : question))
+            );
+        } catch (error) {
+            alert('Error updating question: ' + error);
+        }
     };
 
     const closeEditForm = () => {
         setEditingQuestion(null);
     };
 
     return (
-        <div>
+        <div className="bg-gray-800 text-white">
         <table className="min-w-full table-auto">
-            <thead>
+            <thead className="bg-gray-700">
                 <tr>
                     <th className="border px-4 py-2">ID</th>
                     <th className="border px-4 py-2">Title</th>
@@ -57,7 +69,7 @@ const QuestionTable: React.FC<QuestionTableProps> = ({ searchTerm, category, com
                     <th className="border px-4 py-2">Actions</th>
                 </tr>
             </thead>
-            <tbody>
+            <tbody className="bg-gray-800">
                 {filteredQuestions.map((question) => (
                     <tr key={question.id}>
                         <td className="border px-4 py-2">{question.id}</td>

frontend/src/components/questiontable.tsx

@@ -7,6 +7,7 @@ interface UploadFileProps {
 }
 
 export interface JSONQuestion {
+  id: string;
   title: string;
   description: string;
   categories: string;
@@ -15,38 +16,36 @@ export interface JSONQuestion {
 }
 
 const UploadFile: React.FC<UploadFileProps> = ({ setQuestions }) => {
-  const handleUpload = (event: React.ChangeEvent<HTMLInputElement>) => {
+  const handleUpload = async (event: React.ChangeEvent<HTMLInputElement>) => {
     const file = event.target.files?.[0];
     if (file) {
       const reader = new FileReader();
-      reader.onload = (e) => {
+      reader.onload = async (e) => {
         const content = e.target?.result;
-        console.log("content is ", content);
+        console.log("Content is: ", content);
         if (typeof content === "string") {
           try {
-            const jsonQuestions: JSONQuestion[] = JSON.parse(content)["questions"];
-            console.log("json questions are ", jsonQuestions);
-            for (let i = 0; i < jsonQuestions.length; i++) {
+            const jsonQuestions: JSONQuestion[] = JSON.parse(content);
+            console.log("JSON questions are: ", jsonQuestions);
+            for (const question of jsonQuestions) {
+              const questionData = {
+                title: question.title,
+                description: question.description,
+                link: question.link,
+                categories: question.categories,
+                complexity: question.complexity,
+              };
               try {
-                const questionData = {
-                  "title": jsonQuestions[i]["title"],
-                  "description": jsonQuestions[i]["description"],
-                  "link": jsonQuestions[i]["link"],
-                  "category": jsonQuestions[i]["categories"],
-                  "difficulty": jsonQuestions[i]["categories"]
-                }
-                // const response = await axios.post('http://localhost:3000/questions', questionData);
-                // console.log('Question created successfully:', response.data);
+                const response = await axios.post('http://localhost:3000/questions', questionData);
+                console.log('Question created successfully:' + response.data);
               } catch (error) {
-                console.error('Error creating question:', error);
+                console.log('Error creating question: ' + error);
               }
-
             }
-
-            // setQuestions((prevQuestions) => [
-            //   ...prevQuestions,
-            //   ...jsonQuestions,
-            // ]);
+            setQuestions((prevQuestions) => [
+              ...prevQuestions,
+              ...jsonQuestions,
+            ]);
           } catch (error) {
             alert("Error parsing JSON: " + error);
           }

frontend/src/components/uploadquestion.tsx

@@ -23,7 +23,7 @@ const QuestionServicePage: React.FC = () => {
 	}
 
   return (
-    <div className="p-4">
+    <div className="p-4 text-white">
       <h1 className="text-2xl font-bold text-left mb-6">Peer Prep</h1>
       <div className="flex justify-start items-center space-x-2 mb-4 text-sm">
         <SearchBar searchTerm={searchTerm} setSearchTerm={setSearchTerm} />