Merge pull request #356 from NOOB-3301/streakfeature

I have added streak feature backend

Author: OkenHaha

back-end/controllers/streak.controller.js

@@ -0,0 +1,42 @@
+import { Streak } from "../models/streak.model";
+
+const updateStreak = async (userId) => {
+  try {
+    // Find the user's streak record
+    let streak = await Streak.findOne({ user: userId });
+
+    if (!streak) {
+      // If no streak exists, create a new one starting at 1
+      streak = new Streak({ user: userId, streak: 1, lastUpdate: new Date() });
+    } else {
+      const currentDate = new Date();
+      const lastUpdateDate = new Date(streak.lastUpdate);
+
+      // Calculate the difference in days
+      const timeDifference = currentDate.getTime() - lastUpdateDate.getTime();
+      const daysDifference = timeDifference / (1000 * 3600 * 24);
+
+      if (daysDifference < 1) {
+        // User already published today, do nothing
+        console.log(`User ${userId} already published today. Streak unchanged.`);
+        return;
+      } else if (daysDifference < 2) {
+        // If it's the next day, increment streak
+        streak.streak += 1;
+      } else {
+        // If more than one day is missed, reset streak to 1
+        streak.streak = 1;
+      }
+    }
+
+    // Update last update time
+    streak.lastUpdate = new Date();
+    await streak.save();
+
+    console.log(`Streak updated for user ${userId}: ${streak.streak}`);
+  } catch (error) {
+    console.error("Error updating streak:", error);
+  }
+};
+
+export { updateStreak };

back-end/middleware/streak.middleware.js

@@ -0,0 +1,47 @@
+import { Streak } from "../models/streak.model.js";
+
+// Middleware to check user's streak and reset if necessary
+const checkStreak = async (req, res, next) => {
+  try {
+    const { u_id } = req.body; // Extract user ID from request
+
+    if (!u_id) {
+      return res.status(400).json({ message: "User ID is required" });
+    }
+
+    // Find user's streak record
+    let streak = await Streak.findOne({ user: u_id });
+
+    // If no streak record exists, create one with streak 0
+    if (!streak) {
+      streak = new Streak({ user: u_id, streak: 0, lastUpdate: new Date() });
+      await streak.save();
+      return next(); // No need to reset if it's the first streak entry
+    }
+
+    // Get the current date and last update date
+    const currentDate = new Date();
+    const lastUpdateDate = new Date(streak.lastUpdate);
+
+    // Calculate the difference in days between last update and today
+    const timeDifference = currentDate.getTime() - lastUpdateDate.getTime();
+    const daysDifference = timeDifference / (1000 * 3600 * 24); // Convert ms to days
+
+    if (daysDifference >= 2) {
+      // If more than 1 day has passed, reset the streak
+      console.log(`User ${u_id} missed a day. Resetting streak.`);
+      streak.streak = 0;
+    }
+
+    // Update last checked date
+    streak.lastUpdate = currentDate;
+    await streak.save();
+
+    next(); // Move to next middleware or route handler
+  } catch (error) {
+    console.error("Error checking streak:", error);
+    res.status(500).json({ message: "Error checking streak", error: error.message });
+  }
+};
+
+export { checkStreak };

back-end/models/streak.model.js

@@ -0,0 +1,23 @@
+import mongoose from 'mongoose';
+
+const streakSchema = new mongoose.Schema({
+  user: {
+    type: mongoose.Schema.Types.ObjectId,
+    ref: 'User',
+    required: true,
+  },
+  streak: {
+    type: Number,
+    required: true,
+    default: 0,
+  },
+  lastUpdate: {
+    type: Date,
+    required: true,
+    default: Date.now,
+  },
+}); 
+
+const Streak = mongoose.model('Streak', streakSchema);
+
+export { Streak };

front-end/src/components/PaginatedArticle.jsx

@@ -0,0 +1,74 @@
+import { useState } from "react";
+import { motion } from "framer-motion";
+
+const PaginatedArticles = ({ articles, articlesPerPage = 3 }) => {
+    console.log(articles)
+    const [currentPage, setCurrentPage] = useState(1);
+    const totalPages = Math.ceil(articles.length / articlesPerPage);
+    
+    const startIndex = (currentPage - 1) * articlesPerPage;
+    const displayedArticles = articles.slice(startIndex, startIndex + articlesPerPage);
+
+    const handlePageChange = (newPage) => {
+        if (newPage >= 1 && newPage <= totalPages) {
+            setCurrentPage(newPage);
+        }
+    };
+
+    return (
+        <div className="max-w-5xl mx-auto p-6 bg-white dark:bg-gray-800 rounded-lg shadow-lg">
+            <motion.div
+                initial={{ opacity: 0, y: 20 }}
+                animate={{ opacity: 1, y: 0 }}
+                transition={{ duration: 0.5 }}
+                className="grid grid-cols-1 sm:grid-cols-2 md:grid-cols-3 gap-6"
+            >
+                {displayedArticles.map((article, index) => (
+                    <motion.div
+                        key={article.id || index}
+                        className="bg-gray-100 dark:bg-gray-700 rounded-lg shadow-md overflow-hidden"
+                        whileHover={{ scale: 1.02 }}
+                        whileTap={{ scale: 0.98 }}
+                    >
+                        <img 
+                            src={article.thumbnail} 
+                            alt={article.title} 
+                            className="w-full h-40 object-cover"
+                        />
+                        <div className="p-4">
+                            <h2 className="text-lg font-bold text-gray-800 dark:text-gray-200">
+                                {article.title}
+                            </h2>
+                            <p className="text-gray-600 dark:text-gray-400 mt-2 text-sm">
+                                {article.summary}
+                            </p>
+                        </div>
+                    </motion.div>
+                ))}
+            </motion.div>
+            
+            {/* Pagination Controls */}
+            <div className="flex justify-center items-center gap-4 mt-6">
+                <button
+                    className="px-4 py-2 rounded bg-blue-600 text-white hover:bg-blue-700 disabled:bg-gray-400 transition"
+                    onClick={() => handlePageChange(currentPage - 1)}
+                    disabled={currentPage === 1}
+                >
+                    Previous
+                </button>
+                <span className="text-gray-800 dark:text-gray-200">
+                    Page {currentPage} of {totalPages}
+                </span>
+                <button
+                    className="px-4 py-2 rounded bg-blue-600 text-white hover:bg-blue-700 disabled:bg-gray-400 transition"
+                    onClick={() => handlePageChange(currentPage + 1)}
+                    disabled={currentPage === totalPages}
+                >
+                    Next
+                </button>
+            </div>
+        </div>
+    );
+};
+
+export default PaginatedArticles;