added pdf sending functionality in the assignments

Author: yours7himanshu

admin/src/components/Assignment/Assignment.jsx

@@ -22,26 +22,36 @@ import { toast } from "react-toastify";
 import axios from "axios";
 import AppLayout from "../../layout/AppLayout";
 
-
 const Assignment = () => {
   const [title, setTitle] = useState("");
   const [description, setDescription] = useState("");
   const [questions, setQuestions] = useState("");
   const [deadline, setDeadline] = useState("");
   const [loading, setLoading] = useState(false);
+  const [pdfFile, setPdfFile] = useState(null);
   const backendUrl = import.meta.env.VITE_BACKEND_URL;
 
   const handleSubmit = async (e) => {
     e.preventDefault();
-    setTimeout(setLoading(true), 2000);
+    if (!pdfFile) {
+      toast.error("Please upload a PDF file for the assignment.");
+      return;
+    }
+    setLoading(true);
+    // Prepare form data
+    const formData = new FormData();
+    formData.append("title", title);
+    formData.append("description", description);
+    formData.append("questions", questions);
+    formData.append("deadline", deadline);
+    formData.append("pdfFile", pdfFile);
 
     try {
-      const response = await axios.post(`${backendUrl}/api/v7/postAssignment`, {
-        title,
-        description,
-        questions,
-        deadline,
-      });
+      const response = await axios.post(
+        `${backendUrl}/api/v7/postAssignment`,
+        formData,
+        { headers: { "Content-Type": "multipart/form-data" } }
+      );
       if (response.data.success) {
         toast.success(response.data.message);
       }
@@ -61,86 +71,95 @@ const Assignment = () => {
     <div className="min-h-screen w-full  flex ml-[23%]">
       <div className="flex w-full  gap-8">
         {/* Sidebar */}
-        
-
-       <div className="form-details flex justify-center items-center h-screen w-[70%]">
-       <form
-          onSubmit={handleSubmit}
-          className="w-full h-[90%] lg:w-3/4 p-6 bg-white rounded-lg shadow-md"
-        >
-          <div className="space-y-6">
-            <h1 className="text-3xl font-semibold text-gray-800 text-center">
-              Post New Assignment: Empower Your Students with Engaging Challenges!
-            </h1>
-
-            {/* Title Input */}
-            <div>
-              <label className="block text-gray-600 font-medium">Title</label>
-              <input
-                type="text"
-                placeholder="Enter assignment title"
-                value={title}
-                required
-                className="w-full mt-2 p-3 border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-green-500"
-                onChange={(e) => setTitle(e.target.value)}
-              />
-            </div>
-
-            {/* Description Input */}
-            <div>
-              <label className="block text-gray-600 font-medium">Description</label>
-              <input
-                type="text"
-                placeholder="Enter assignment description"
-                value={description}
-                required
-                className="w-full mt-2 p-3 border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-green-500"
-                onChange={(e) => setDescription(e.target.value)}
-              />
-            </div>
-
-            {/* Questions Input */}
-            <div>
-              <label className="block text-gray-600 font-medium">Questions</label>
-              <input
-                type="text"
-                placeholder="Enter assignment questions"
-                value={questions}
-                required
-                className="w-full mt-2 p-3 border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-green-500"
-                onChange={(e) => setQuestions(e.target.value)}
-              />
-            </div>
-
-            {/* Deadline Input */}
-            <div>
-              <label className="block text-gray-600 font-medium">Deadline</label>
-              <input
-                type="date"
-                value={deadline}
-                required
-                className="w-full mt-2 p-3 border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-green-500"
-                onChange={(e) => setDeadline(e.target.value)}
-              />
-            </div>
 
-            {/* Submit Button */}
-            <div className="flex justify-center">
-              <button
-                disabled={loading}
-                type="submit"
-                className="w-full p-3 bg-green-500 text-white font-medium rounded-md  disabled:opacity-50"
-              >
-                {loading ? "Posting..." : "Post Assignment"}
-              </button>
+        <div className="form-details flex justify-center items-center h-screen w-[70%]">
+          <form
+            onSubmit={handleSubmit}
+            className="w-full h-[90%] lg:w-3/4 p-6 bg-white rounded-lg shadow-md"
+          >
+            <div className="space-y-6">
+              <h1 className="text-3xl font-semibold text-gray-800 text-center">
+                Post New Assignment: Empower Your Students with Engaging Challenges!
+              </h1>
+
+              {/* Title Input */}
+              <div>
+                <label className="block text-gray-600 font-medium">Title</label>
+                <input
+                  type="text"
+                  placeholder="Enter assignment title"
+                  value={title}
+                  required
+                  className="w-full mt-2 p-3 border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-green-500"
+                  onChange={(e) => setTitle(e.target.value)}
+                />
+              </div>
+
+              {/* Description Input */}
+              <div>
+                <label className="block text-gray-600 font-medium">Description</label>
+                <input
+                  type="text"
+                  placeholder="Enter assignment description"
+                  value={description}
+                  required
+                  className="w-full mt-2 p-3 border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-green-500"
+                  onChange={(e) => setDescription(e.target.value)}
+                />
+              </div>
+
+              {/* Questions Input */}
+              <div>
+                <label className="block text-gray-600 font-medium">Questions</label>
+                <input
+                  type="text"
+                  placeholder="Enter assignment questions"
+                  value={questions}
+                  required
+                  className="w-full mt-2 p-3 border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-green-500"
+                  onChange={(e) => setQuestions(e.target.value)}
+                />
+              </div>
+
+              {/* Deadline Input */}
+              <div>
+                <label className="block text-gray-600 font-medium">Deadline</label>
+                <input
+                  type="date"
+                  value={deadline}
+                  required
+                  className="w-full mt-2 p-3 border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-green-500"
+                  onChange={(e) => setDeadline(e.target.value)}
+                />
+              </div>
+
+              <div>
+                <label className="block text-gray-600 font-medium">Upload PDF</label>
+                <input
+                  type="file"
+                  accept="application/pdf"
+                  required
+                  onChange={(e) => setPdfFile(e.target.files[0])}
+                  className="mt-2 block w-full text-sm text-gray-500 file:py-2 file:px-4 file:border file:border-gray-300 file:rounded-md file:text-sm file:font-semibold file:bg-indigo-50 file:text-indigo-700 hover:file:bg-indigo-100"
+                />
+              </div>
+
+              {/* Submit Button */}
+              <div className="flex justify-center">
+                <button
+                  disabled={loading}
+                  type="submit"
+                  className="w-full p-3 bg-green-500 text-white font-medium rounded-md  disabled:opacity-50"
+                >
+                  {loading ? "Posting..." : "Post Assignment"}
+                </button>
+              </div>
             </div>
-          </div>
-        </form>
-       </div>
-     
+          </form>
+        </div>
       </div>
     </div>
   );
 };
 
-export default AppLayout()(Assignment);
+export default AppLayout(Assignment);

client/src/Student Dashboard/Assignments/Assignment.tsx

@@ -1,5 +1,4 @@
-import React, { useEffect } from "react";
-import { useState } from "react";
+import React, { useEffect, useState } from "react";
 import axios from "axios";
 import Layout from "../Layout/Layout";
 
@@ -9,6 +8,7 @@ type Assignment = {
   description: string;
   questions: string;
   deadline: string;
+  pdfUrl: string;
 };
 
 const Assignment: React.FC = () => {
@@ -96,9 +96,14 @@ const Assignment: React.FC = () => {
                   </div>
                 </div>
                 <div className="bg-gray-50 px-5 py-3">
-                  <button className="w-full text-blue-600 hover:text-blue-800 font-medium text-sm transition-colors duration-200">
-                    View Assignment →
-                  </button>
+                  <a
+                    href={assignment.pdfUrl}
+                    target="_blank"
+                    rel="noreferrer"
+                    className="block w-full text-center bg-blue-500 text-white py-2 rounded-md hover:bg-blue-600 transition-colors duration-200"
+                  >
+                    Download PDF
+                  </a>
                 </div>
               </div>
             ))}

server/branch_wise_placement.png

@@ -14,26 +14,62 @@ WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 See the License for the specific language governing permissions and
 limitations under the License.
 */
-
+const cloudinary = require('cloudinary').v2;
 const Assignment = require("../models/assignmentModels");
 
 // code for posting the assignment from the admin panel to the student server
 const postAssignment = async (req, res) => {
   const { title, description, questions, deadline } = req.body;
 
   try {
+
+    if (!req.file) {
+      return res.status(400).json({
+        success: false,
+        message: "Pdf file is required",
+      });
+    }
+
     const existingAssignment = await Assignment.findOne({ title });
     if (existingAssignment) {
       return res.status(409).json({
         success: false,
         message: "Assignment already exist",
       });
     }
+
+    let pdfUrl;
+
+    // Upload avatar to Cloudinary
+    try {
+      const result = await new Promise((resolve, reject) => {
+        const stream = cloudinary.uploader.upload_stream(
+          { resource_type: "image" },
+          (error, result) => {
+            if (error) return reject(error);
+            resolve(result);
+          }
+        );
+        stream.end(req.file.buffer); // Pass the buffer to the stream
+      });
+
+      pdfUrl = result.secure_url;
+    } catch (uploadError) {
+      console.error("Error uploading avatar to Cloudinary:", uploadError);
+      return res.status(500).json({
+        success: false,
+        message: "Error uploading avatar",
+        error: uploadError.message,
+      });
+    }
+
+
     const assignment = await Assignment.create({
       title,
       description,
       questions,
-      deadline
+      deadline,
+      pdfUrl,
     });
 
     return res.status(201).json({

server/controllers/assignmentController.js

@@ -36,6 +36,10 @@ const assignmentSchema = new mongoose.Schema({
     type: Date,
     required: true,
   },
+  pdfUrl: {
+    type: String,
+    required: true,
+  },
 });
 
 const Assignment = mongoose.model("assignment", assignmentSchema);

server/models/assignmentModels.js

@@ -18,8 +18,8 @@ limitations under the License.
 const express = require('express');
 const {postAssignment,getAssignment,deleteAssignment}=require("../controllers/assignmentController")
 const assignmentRouter = express.Router();
-
-assignmentRouter.post('/postAssignment',postAssignment);
+const upload = require('../middlewares/multer');
+assignmentRouter.post('/postAssignment',upload.single("pdfFile"),postAssignment);
 assignmentRouter.get('/getAssignment',getAssignment);
 assignmentRouter.delete('/assignment/:id',deleteAssignment);