anythingmore component

Author: harshedabdulla

client/src/App.jsx

@@ -13,6 +13,7 @@ import Features from "./components/Features";
 import Uploadsyllabus from "./components/Uploadsyllabus";
 import Uploadnote from "./components/Uploadnote";
 import Uploadpyq from "./components/Uploadpyq";
+import Anythingmore from "./components/Anythingmore";
 
 function App() {
   return (
@@ -36,7 +37,10 @@ function App() {
           <Route path="/uploadsyllabus" element={<Uploadsyllabus/>} />
           <Route path="/uploadnote" element={<Uploadnote/>} />
           <Route path="/uploadpyq" element={<Uploadpyq/>} />
+          <Route path="/anythingmore" element={<Anythingmore/>} />
+
 
+
         </Routes>
       </BrowserRouter>
     </div>

client/src/components/Anythingmore.jsx

@@ -0,0 +1,38 @@
+import React, { useState } from 'react';
+
+function Anythingmore() {
+  const [details, setDetails] = useState('');
+
+  const handleInputChange = (event) => {
+    setDetails(event.target.value);
+  };
+
+  const handleSubmit = () => {
+    // Perform any necessary actions with the submitted details
+    console.log('Submitted details:', details);
+    // You can add additional logic here, such as making an API call to save the details
+
+    // Clear the input field after submission
+    setDetails('');
+  };
+
+  return (
+    <div className="flex flex-col items-center justify-center h-screen text-center w-screen bg-gradient-to-tr from-violet-700 via-green-600 to-green-400">
+      <h1 className="text-3xl font-bold mb-4 text-white">Anything more to add!</h1>
+      <textarea
+        className="w-96 h-40 p-4 mb-4 rounded-md"
+        value={details}
+        onChange={handleInputChange}
+        placeholder="Enter details..."
+      ></textarea>
+      <button
+        className="bg-violet-900 text-white py-2 px-6 rounded-lg"
+        onClick={handleSubmit}
+      >
+        Finish
+      </button>
+    </div>
+  );
+}
+
+export default Anythingmore;

client/src/components/Uploadnote.jsx

@@ -119,10 +119,10 @@ function Uploadnote({ moduleNumber }) {
   };
 
   return (
-    <div className="flex flex-col items-center justify-center text-center h-screen">
+    <div className="flex flex-col items-center justify-center w-screen text-center h-screen bg-gradient-to-tr from-violet-700 via-green-600 to-green-400">
       {!fadeOut && (
         <motion.div
-          className="bg-blue-500 text-white py-6 px-6 rounded-lg shadow-lg text-center justify-center items-center flex flex-col"
+          className="bg-violet-900 text-white py-6 px-6 rounded-lg shadow-lg text-center justify-center items-center flex flex-col"
           initial={{ scale: 0 }}
           animate={{ scale: 1 }}
           transition={{ duration: 0.5 }}
@@ -154,7 +154,7 @@ function Uploadnote({ moduleNumber }) {
               >
                 {uploading ? 'Uploaded' : 'Upload'}
               </motion.button>
-              <Link to="/uploadpyq" className="bg-green-500 text-white py-3 px-6 ml-4 rounded-lg">
+              <Link to="/uploadpyq" className="bg-green-500 text-white py-2 ml-4 px-6 mt-4 rounded-lg">
                 Next
               </Link>
             </>

client/src/components/Uploadpyq.jsx

@@ -119,10 +119,10 @@ function Uploadpyq({ moduleNumber }) {
   };
 
   return (
-    <div className="flex flex-col items-center justify-center text-center">
+    <div className="flex flex-col items-center justify-center w-screen text-center bg-gradient-to-tr from-violet-700 via-green-600 to-green-400">
       {!fadeOut && (
         <motion.div
-          className="bg-blue-500 text-white py-6 px-6 mt-8 mb-8 rounded-lg shadow-lg justify-center items-center flex flex-col"
+          className="bg-violet-900 text-white py-6 px-6 mt-8 mb-8 rounded-lg shadow-lg justify-center items-center flex flex-col"
           initial={{ scale: 0 }}
           animate={{ scale: 1 }}
           transition={{ duration: 0.5 }}

client/src/components/Uploadsyllabus.jsx

@@ -2,6 +2,7 @@ import React, { useState } from 'react';
 import { motion } from 'framer-motion';
 import Lottie from 'lottie-react';
 import animationData from '../assets/87967-task-completed.json';
+import { Link } from 'react-router-dom';
 
 function Uploadsyllabus() {
   const [selectedFile, setSelectedFile] = useState(null);
@@ -67,9 +68,9 @@ function Uploadsyllabus() {
   };
 
   return (
-    <div className="flex flex-col items-center justify-center h-screen text-center">
+    <div className="flex flex-col items-center justify-center h-screen w-screen text-center bg-gradient-to-tr from-violet-700 via-green-600 to-green-400">
       <motion.div
-        className="bg-blue-500 text-white py-6 px-6 rounded-lg shadow-lg"
+        className="bg-violet-900 text-white py-6 px-6 rounded-lg shadow-lg justify-center items-center flex flex-col"
         initial={{ scale: 0 }}
         animate={{ scale: 1 }}
         transition={{ duration: 0.5 }}
@@ -95,6 +96,9 @@ function Uploadsyllabus() {
             >
               {uploading ? 'Uploaded' : 'Upload'}
             </motion.button>
+            <Link to="/anythingmore" className="bg-green-500 text-white py-2 px-6 mt-4 rounded-lg">
+                Next
+              </Link>
           </>
         ) : (
           <motion.div