Merge branch 'main' of https://github.com/ANGELOANTU7/intel-hack

Author: ANGELOANTU7

client/src/App.jsx

@@ -18,6 +18,9 @@ import Uploadn from "./components/Uploadn";
 import Aibot from "./components/Aibot";
 import Uploadp from "./components/Uploadp";
 import Uploads from "./components/Uploads";
+import Sortedpyq from "./components/Sortedpyq";
+import Generalpyq from "./components/Generalpyq";
+import Repetitivepyq from "./components/Repetitivepyq";
 
 function App() {
   return (
@@ -48,6 +51,9 @@ function App() {
 
 
           <Route path="/aibot" element={<Aibot/>} />
+          <Route path="/sortedpyq" element={<Sortedpyq/>} />
+          <Route path="/generalpyq" element={<Generalpyq/>} />
+          <Route path="/repetitivepyq" element={<Repetitivepyq/>} />
 
         </Routes>
       </BrowserRouter>

client/src/components/Aibot.jsx

@@ -1,14 +1,74 @@
-import React from 'react';
+import React, { useState, useRef } from 'react';
 import Navbar from './Navbar';
 import Lottie from 'lottie-react';
 import animationData from '../assets/134013-student-with-laptop.json';
 import animationData1 from '../assets/39701-robot-bot-3d.json';
 
 const Tutor = () => {
+  const [inputText, setInputText] = useState('');
+  const inputImageRef = useRef(null);
+  const inputVoiceRef = useRef(null);
+  const recognitionRef = useRef(null);
+  const [isListening, setIsListening] = useState(false);
+  const [outputText, setOutputText] = useState('');
+  const [outputSound, setOutputSound] = useState(null);
+  const [outputImage, setOutputImage] = useState(null);
+
   const avatarNarration = 'Hello! I am Luna, your tutor. How can I assist you today?';
 
   const handleReply = () => {
     // Handle the reply button functionality here
+    console.log('Input Text:', inputText);
+    console.log('Input Image:', inputImageRef.current.files[0]);
+    console.log('Input Voice:', inputVoiceRef.current.files[0]);
+    // You can perform further actions based on the input and update the output state variables accordingly.
+  };
+
+  const handleTextChange = (event) => {
+    setInputText(event.target.value);
+  };
+
+  const handleImageChange = (event) => {
+    const file = event.target.files[0];
+    inputImageRef.current.value = ''; // Reset the input file value for re-selecting the same file
+    setOutputImage(URL.createObjectURL(file));
+  };
+
+  const handleVoiceChange = () => {
+    if (isListening) {
+      recognitionRef.current.stop();
+      setIsListening(false);
+    } else {
+      const recognition = new window.SpeechRecognition();
+      recognition.continuous = true;
+      recognition.interimResults = false;
+
+      recognition.onstart = () => {
+        setIsListening(true);
+      };
+
+      recognition.onresult = (event) => {
+        const transcript = Array.from(event.results)
+          .map((result) => result[0])
+          .map((result) => result.transcript)
+          .join('');
+
+        setInputText(transcript);
+      };
+
+      recognition.onerror = (event) => {
+        console.error('Recognition error:', event.error);
+        setIsListening(false);
+      };
+
+      recognition.onend = () => {
+        setIsListening(false);
+      };
+
+      recognition.start();
+      setIsListening(true);
+      recognitionRef.current = recognition;
+    }
   };
 
   return (
@@ -41,18 +101,52 @@ const Tutor = () => {
                     type="text"
                     className="w-full mr-4 bg-white rounded-lg py-2 px-3 focus:outline-none"
                     placeholder="Enter your message"
+                    value={inputText}
+                    onChange={handleTextChange}
+                  />
+                  <input
+                    type="file"
+                    accept="image/*"
+                    className="hidden"
+                    onChange={handleImageChange}
+                    ref={inputImageRef}
                   />
                   <button
                     className="bg-blue-500 text-white rounded-lg py-2 px-4 hover:bg-blue-600 transition-colors"
                     onClick={handleReply}
                   >
                     Reply
                   </button>
+                  <button
+                    className={`bg-blue-500 text-white rounded-lg py-2 px-4 hover:bg-blue-600 transition-colors ml-2 ${
+                      isListening ? 'bg-red-500' : ''
+                    }`}
+                    onClick={handleVoiceChange}
+                  >
+                    {isListening ? 'Stop Listening' : 'Add Voice'}
+                  </button>
+                  <button
+                    className="bg-blue-500 text-white rounded-lg py-2 px-4 hover:bg-blue-600 transition-colors ml-2"
+                    onClick={() => inputImageRef.current.click()}
+                  >
+                    Add Image
+                  </button>
                 </div>
               </div>
             </div>
           </div>
         </div>
+        <div className="fixed bottom-4 right-4">
+          <div className="w-64 bg-white rounded-lg shadow-lg p-4">
+            {outputText && <p className="mb-2">{outputText}</p>}
+            {outputSound && (
+              <audio controls>
+                <source src={outputSound} type="audio/mpeg" />
+              </audio>
+            )}
+            {outputImage && <img src={outputImage} alt="Output" className="w-full" />}
+          </div>
+        </div>
       </div>
     </div>
   );

client/src/components/Dashboard.jsx

@@ -1,6 +1,7 @@
 import React, { useState, useEffect } from "react";
 import { motion } from "framer-motion";
 import Navbar from "./Navbar";
+import { Link } from "react-router-dom";
 
 const data = {
   coursesCompleted: 5,
@@ -61,52 +62,60 @@ const Dashboard = () => {
     <div className="w-screen">
       <Navbar />
       <div className="flex flex-col items-center h-screen w-screen text-center bg-gradient-to-tr from-violet-700 via-green-600 to-green-400 mt-3">
-        <div className="grid grid-cols-4 gap-4 py-12 h-12">
+         <div className="grid grid-cols-4 gap-6 py-12 h-4">
+        <Link to="/sortedpyq">
         <motion.div
             className="bg-slate-100 rounded-lg shadow-lg py-6 w-72"
             variants={containerVariants}
             initial="hidden"
             animate="visible"
             transition={{ delay: 0.2 }}
           >
-            <h3 className="mb-4">Total hours</h3>
-            <pre></pre>
+            <h2 className="mb-4">Sorted PYQ</h2>
+           
           </motion.div>
+          </Link>
+          <Link to="/generalpyq">
           <motion.div
             className="bg-slate-100 rounded-lg shadow-lg py-6"
             variants={containerVariants}
             initial="hidden"
             animate="visible"
             transition={{ delay: 0.2 }}
           >
-            <h3 className="mb-4">Maximum retention</h3>
-            <pre></pre>
+            <h2 className="mb-4">General Question Paper</h2>
+           
           </motion.div>
+          </Link>
+          <Link to="/repetitivepyq">
           <motion.div
             className="bg-slate-100 rounded-lg shadow-lg py-6"
             variants={containerVariants}
             initial="hidden"
             animate="visible"
             transition={{ delay: 0.2 }}
           >
-            <h3 className="mb-4">Completed hours</h3>
-            <pre></pre>
+            <h2 className="mb-4">Repetitive questions</h2>
+            
           </motion.div>
+          </Link>
+          <Link to="/studyplanner">
           <motion.div
             className="bg-slate-100 rounded-lg shadow-lg py-6"
             variants={containerVariants}
             initial="hidden"
             animate="visible"
             transition={{ delay: 0.2 }}
           >
-            <h3 className="mb-4">Average retention</h3>
-            <pre></pre>
+            <h2 className="mb-4">Study plan</h2>
+            
           </motion.div>
+          </Link>
 
 
 
 
-          </div>
+          </div> 
 
         <div className="grid grid-cols-2 gap-16 py-16">
           <div className="grid grid-cols-2 gap-4">
@@ -118,10 +127,10 @@ const Dashboard = () => {
           >
             <h3 className="text-xl mb-4">Important Topics</h3>
             <pre>{impTopicContent}</pre>
-            <p>Half adder</p>
-            <p>Full adder</p>
-            <p>Half Subtractor</p>
-            <p>Full Subtractor</p>
+            <p>NFA and DFA</p>
+            <p>NFA to DFA conversion</p>
+            <p>Minimisation</p>
+            <p>Ardens Theorem</p>
           </motion.div>
 
           <motion.div
@@ -133,6 +142,10 @@ const Dashboard = () => {
           >
             <h3 className="text-xl mb-4">Topic List</h3>
             <pre>{topicListContent}</pre>
+            <p>Finite state systems</p>
+            <p>Definitions</p>
+            <p>Minimisation</p>
+            <p>Moore and Mealy machinesm</p>
           </motion.div>
           </div>
 
@@ -145,7 +158,7 @@ const Dashboard = () => {
           >
             <h3 className="text-lg font-semibold mb-4">Cluster Questions</h3>
             <iframe
-              src="https://mrcet.com/downloads/digital_notes/CSE/II%20Year/DBMS.pdf"
+              src="http://www.gpcet.ac.in/wp-content/uploads/2017/04/flat-10.pdf"
               className="w-full h-full"
               title="PDF Viewer"
             />

client/src/components/Generalpyq.jsx

@@ -0,0 +1,42 @@
+import React, { useEffect, useState } from 'react';
+import Navbar from './Navbar';
+
+const Generalpyq = () => {
+  const [pdfUrl, setPdfUrl] = useState('');
+
+  useEffect(() => {
+    fetchPdf();
+  }, []);
+
+  const fetchPdf = async () => {
+    try {
+      const response = await fetch('API_URL'); // Replace 'API_URL' with your actual API endpoint
+      if (response.ok) {
+        const pdfData = await response.blob();
+        const pdfUrl = URL.createObjectURL(pdfData);
+        setPdfUrl(pdfUrl);
+      } else {
+        throw new Error('Error fetching PDF');
+      }
+    } catch (error) {
+      console.error('Error fetching PDF:', error);
+    }
+  };
+
+  return (
+    <div>
+      <Navbar />
+
+      <div className="flex justify-center">
+        <div className="w-1/2 h-1/2 bg-gray-200 rounded-lg mt-4">
+          <h1 className="text-center text-3xl">General PYQ</h1>
+          {pdfUrl && (
+            <iframe src={pdfUrl} title="General PYQ" className="w-full h-full"></iframe>
+          )}
+        </div>
+      </div>
+    </div>
+  );
+};
+
+export default Generalpyq;

client/src/components/Navbar.jsx

@@ -48,12 +48,12 @@ const Navbar = () => {
               >
                 Quiz
               </Link> */}
-              <Link
+              {/* <Link
                 to="/studyplanner"
                 className="hover:text-gray-900 px-3 py-2 rounded-md text-sm"
               >
                 Study Planner
-              </Link>
+              </Link> */}
               <Link
                 to="/dashboard"
                 className="hover:text-gray-900 px-3 py-2 rounded-md text-sm"

client/src/components/Repetitivepyq.jsx

@@ -0,0 +1,42 @@
+import React, { useEffect, useState } from 'react';
+import Navbar from './Navbar';
+
+const Repetitivepyq = () => {
+  const [pdfUrl, setPdfUrl] = useState('');
+
+  useEffect(() => {
+    fetchPdf();
+  }, []);
+
+  const fetchPdf = async () => {
+    try {
+      const response = await fetch('API_URL'); // Replace 'API_URL' with your actual API endpoint
+      if (response.ok) {
+        const pdfData = await response.blob();
+        const pdfUrl = URL.createObjectURL(pdfData);
+        setPdfUrl(pdfUrl);
+      } else {
+        throw new Error('Error fetching PDF');
+      }
+    } catch (error) {
+      console.error('Error fetching PDF:', error);
+    }
+  };
+
+  return (
+    <div>
+      <Navbar />
+
+      <div className="flex justify-center">
+        <div className="w-1/2 h-1/2 bg-gray-200 rounded-lg mt-4">
+          <h1 className="text-center text-3xl">Repetitive PYQ</h1>
+          {pdfUrl && (
+            <iframe src={pdfUrl} title="Sorted PYQ" className="w-full h-full"></iframe>
+          )}
+        </div>
+      </div>
+    </div>
+  );
+};
+
+export default Repetitivepyq;