You requested a password reset. Click here to reset your password.
` + `You requested a password reset. Click here to reset your password.
`, ); res.json({ message: "Password reset link sent to your email." }); @@ -211,7 +223,6 @@ router.post("/forgot-password", async (req, res) => { } }); - // @route POST api/auth/reset-password/:token // @desc Reset password using token // @access Public @@ -247,7 +258,6 @@ router.post("/reset-password/:token", async (req, res) => { } }); - // @route POST api/auth/verify-email // @desc Verify user email with code // @access Public @@ -307,7 +317,6 @@ router.post("/verify-email", async (req, res) => { console.error("JWT generation error:", jwtError); res.status(500).json({ errors: [{ msg: "Error generating token" }] }); } - } catch (err) { console.error("Email verification error:", err.message); res @@ -353,7 +362,6 @@ router.post("/resend-verification", async (req, res) => { ], }); } - } catch (err) { console.error("Resend verification error:", err.message); res.status(500).json({ errors: [{ msg: "Server error during resend" }] }); @@ -383,8 +391,10 @@ router.post( if (!user) { return res .status(400) - .json({ errors: [{ msg: "User not found. Please Sign up first!!" }] }); - } + .json({ + errors: [{ msg: "User not found. Please Sign up first!!" }], + }); + } // Check password const isMatch = await bcrypt.compare(password, user.password); @@ -419,7 +429,7 @@ router.post( console.error(err.message); res.status(500).json({ errors: [{ msg: "Server error" }] }); } - } + }, ); // @route GET api/auth @@ -446,4 +456,4 @@ router.get("/me", (req, res) => { } }); -module.exports = router; \ No newline at end of file +module.exports = router; diff --git a/backend/routes/feedback.js b/backend/routes/feedback.js index 00f3121..3e0cd1a 100644 --- a/backend/routes/feedback.js +++ b/backend/routes/feedback.js @@ -1,106 +1,121 @@ -const express = require('express'); +const express = require("express"); const router = express.Router(); -const auth = require('../middleware/auth'); -const Feedback = require('../models/Feedback'); +const auth = require("../middleware/auth"); +const Feedback = require("../models/Feedback"); // @route POST api/feedback // @desc Submit user feedback // @access Private -router.post('/', auth, async (req, res) => { +router.post("/", auth, async (req, res) => { try { const { rating, comment, category, isAnonymous } = req.body; - + // Validate the data if (!rating || rating < 1 || rating > 5) { - return res.status(400).json({ message: 'Please provide a valid rating between 1 and 5' }); + return res + .status(400) + .json({ message: "Please provide a valid rating between 1 and 5" }); } - + if (!comment || comment.trim().length < 10) { - return res.status(400).json({ message: 'Please provide feedback with at least 10 characters' }); + return res + .status(400) + .json({ + message: "Please provide feedback with at least 10 characters", + }); } - + // Create a new feedback instance const newFeedback = new Feedback({ userId: req.user.id, rating, comment, - category: category || 'other', - isAnonymous: isAnonymous || false + category: category || "other", + isAnonymous: isAnonymous || false, }); - + // Save the feedback to the database await newFeedback.save(); - - res.json({ success: true, message: 'Feedback submitted successfully' }); + + res.json({ success: true, message: "Feedback submitted successfully" }); } catch (err) { - console.error('Error submitting feedback:', err.message); - res.status(500).json({ message: 'Server error' }); + console.error("Error submitting feedback:", err.message); + res.status(500).json({ message: "Server error" }); } }); // @route POST api/feedback/guest // @desc Submit guest (unauthenticated) feedback // @access Public -router.post('/guest', async (req, res) => { +router.post("/guest", async (req, res) => { try { const { rating, comment, category, isAnonymous = true } = req.body; - + // Validate the data if (!rating || rating < 1 || rating > 5) { - return res.status(400).json({ message: 'Please provide a valid rating between 1 and 5' }); + return res + .status(400) + .json({ message: "Please provide a valid rating between 1 and 5" }); } - + if (!comment || comment.trim().length < 10) { - return res.status(400).json({ message: 'Please provide feedback with at least 10 characters' }); + return res + .status(400) + .json({ + message: "Please provide feedback with at least 10 characters", + }); } - + // Create a new feedback instance for guest user const newFeedback = new Feedback({ userId: "guest", rating, comment, - category: category || 'other', - isAnonymous: true // Always anonymous for guests + category: category || "other", + isAnonymous: true, // Always anonymous for guests }); - + // Save the feedback to the database await newFeedback.save(); - - res.json({ success: true, message: 'Guest feedback submitted successfully' }); + + res.json({ + success: true, + message: "Guest feedback submitted successfully", + }); } catch (err) { - console.error('Error submitting guest feedback:', err.message); - res.status(500).json({ message: 'Server error' }); + console.error("Error submitting guest feedback:", err.message); + res.status(500).json({ message: "Server error" }); } }); // @route GET api/feedback // @desc Get all feedback (for admin/community page) // @access Public -router.get('/', async (req, res) => { +router.get("/", async (req, res) => { try { console.log("Feedback GET request received"); - + // Get feedback sorted by date (newest first) try { const feedbackList = await Feedback.find() .sort({ date: -1 }) .select( // Don't include user ID if feedback is anonymous - '-__v ' + (req.query.includePrivate === 'true' ? '' : '-userId') + "-__v " + (req.query.includePrivate === "true" ? "" : "-userId"), ); - + // Process feedback for public display - const processedFeedback = feedbackList.map(feedback => { + const processedFeedback = feedbackList.map((feedback) => { const feedbackObj = feedback.toObject(); - + // If feedback is anonymous, remove any identifiable information if (feedbackObj.isAnonymous && !req.query.includePrivate) { - feedbackObj.userId = 'anonymous'; + feedbackObj.userId = "anonymous"; } - + return feedbackObj; }); - + return res.json(processedFeedback); } catch (dbError) { console.error("Database error:", dbError); @@ -108,9 +123,9 @@ router.get('/', async (req, res) => { return res.json([]); } } catch (err) { - console.error('Error getting feedback:', err.message); - res.status(500).json({ message: 'Server error' }); + console.error("Error getting feedback:", err.message); + res.status(500).json({ message: "Server error" }); } }); -module.exports = router; \ No newline at end of file +module.exports = router; diff --git a/backend/routes/github.route.js b/backend/routes/github.route.js index 290dd7f..50e4ea8 100644 --- a/backend/routes/github.route.js +++ b/backend/routes/github.route.js @@ -1,7 +1,7 @@ // routes/github.route.js const express = require("express"); const fetch = (...args) => -import("node-fetch").then(({ default: fetch }) => fetch(...args)); + import("node-fetch").then(({ default: fetch }) => fetch(...args)); const router = express.Router(); // Helper to run GitHub GraphQL queries @@ -139,4 +139,4 @@ router.get("/:username", async (req, res) => { } }); -module.exports = router; \ No newline at end of file +module.exports = router; diff --git a/backend/routes/profile.js b/backend/routes/profile.js index 07ff0db..59a8179 100644 --- a/backend/routes/profile.js +++ b/backend/routes/profile.js @@ -1,349 +1,354 @@ -const express = require('express'); +const express = require("express"); const router = express.Router(); -const { check, validationResult } = require('express-validator'); -const auth = require('../middleware/auth'); -const multer = require('multer'); -const path = require('path'); -const User = require('../models/User'); -const fs = require('fs'); -const crypto = require('crypto'); -const LeetCode = require("../models/Leetcode") +const { check, validationResult } = require("express-validator"); +const auth = require("../middleware/auth"); +const multer = require("multer"); +const path = require("path"); +const User = require("../models/User"); +const fs = require("fs"); +const crypto = require("crypto"); +const LeetCode = require("../models/Leetcode"); // Helper function to generate avatar URL from email or name const generateAvatarUrl = (email, name) => { // Use email for consistent avatar, or fallback to name - const identifier = email || name || 'user'; - const md5Hash = crypto.createHash('md5').update(identifier.toLowerCase().trim()).digest('hex'); - + const identifier = email || name || "user"; + const md5Hash = crypto + .createHash("md5") + .update(identifier.toLowerCase().trim()) + .digest("hex"); + // Choose one of these services: // 1. Gravatar // const gravatarUrl = `https://www.gravatar.com/avatar/${md5Hash}?d=identicon&s=400`; - + // 2. DiceBear (more modern styled avatars) - const diceBearStyle = 'micah'; // Options: avataaars, bottts, initials, micah, miniavs, etc. + const diceBearStyle = "micah"; // Options: avataaars, bottts, initials, micah, miniavs, etc. const diceBearUrl = `https://api.dicebear.com/6.x/${diceBearStyle}/svg?seed=${encodeURIComponent(identifier)}`; - + // 3. UI Avatars (text based) - const uiAvatarsUrl = `https://ui-avatars.com/api/?name=${encodeURIComponent(name || 'User')}&background=random&size=128`; - + const uiAvatarsUrl = `https://ui-avatars.com/api/?name=${encodeURIComponent(name || "User")}&background=random&size=128`; + // Return your preferred avatar service return diceBearUrl; }; // Set up multer for file uploads const storage = multer.diskStorage({ - destination: function(req, file, cb) { - const uploadDir = 'uploads/avatars'; + destination: function (req, file, cb) { + const uploadDir = "uploads/avatars"; if (!fs.existsSync(uploadDir)) { fs.mkdirSync(uploadDir, { recursive: true }); } cb(null, uploadDir); }, - filename: function(req, file, cb) { + filename: function (req, file, cb) { cb(null, `${Date.now()}-${file.originalname}`); - } + }, }); -const upload = multer({ +const upload = multer({ storage: storage, limits: { fileSize: 2000000 }, // 2MB limit - fileFilter: function(req, file, cb) { + fileFilter: function (req, file, cb) { const filetypes = /jpeg|jpg|png/; - const extname = filetypes.test(path.extname(file.originalname).toLowerCase()); + const extname = filetypes.test( + path.extname(file.originalname).toLowerCase(), + ); const mimetype = filetypes.test(file.mimetype); if (mimetype && extname) { return cb(null, true); } else { - cb('Error: Images Only!'); + cb("Error: Images Only!"); } - } + }, }); // @route GET api/profile // @desc Get current user's profile // @access Private -router.get('/', auth, async (req, res) => { +router.get("/", auth, async (req, res) => { try { - const user = await User.findById(req.user.id).select('-password'); + const user = await User.findById(req.user.id).select("-password"); if (!user) { - return res.status(400).json({ errors: [{ msg: 'User not found' }] }); + return res.status(400).json({ errors: [{ msg: "User not found" }] }); } res.json(user); } catch (err) { console.error(err.message); - res.status(500).json({ errors: [{ msg: 'Server Error' }] }); + res.status(500).json({ errors: [{ msg: "Server Error" }] }); } }); // @route POST api/profile/avatar // @desc Upload user avatar // @access Private -router.post('/avatar', auth, upload.single('avatar'), async (req, res) => { +router.post("/avatar", auth, upload.single("avatar"), async (req, res) => { try { - const user = await User.findById(req.user.id).select('-password'); + const user = await User.findById(req.user.id).select("-password"); if (!user) { - return res.status(404).json({ errors: [{ msg: 'User not found' }] }); + return res.status(404).json({ errors: [{ msg: "User not found" }] }); } // If a file was uploaded, use that if (req.file) { // Delete old avatar if it's stored locally and not the default - if (user.avatar && user.avatar.startsWith('/uploads/')) { - const oldAvatarPath = path.join(__dirname, '..', user.avatar); + if (user.avatar && user.avatar.startsWith("/uploads/")) { + const oldAvatarPath = path.join(__dirname, "..", user.avatar); if (fs.existsSync(oldAvatarPath)) { fs.unlinkSync(oldAvatarPath); } } // Update user with new avatar path - const avatarPath = `/${req.file.path.replace(/\\/g, '/')}`; + const avatarPath = `/${req.file.path.replace(/\\/g, "/")}`; user.avatar = avatarPath; - } + } // Otherwise generate an avatar from dicebear or similar service else { const newAvatar = generateAvatarUrl(user.email, user.name); user.avatar = newAvatar; } - + await user.save(); res.json({ avatar: user.avatar }); } catch (err) { console.error(err.message); - res.status(500).json({ errors: [{ msg: 'Server Error' }] }); + res.status(500).json({ errors: [{ msg: "Server Error" }] }); } }); // @route PUT api/profile // @desc Update user profile // @access Private -router.put('/', [ - auth, - [ - check('name', 'Name is required').not().isEmpty() - ] -], async (req, res) => { - const errors = validationResult(req); - if (!errors.isEmpty()) { - return res.status(400).json({ errors: errors.array() }); - } +router.put( + "/", + [auth, [check("name", "Name is required").not().isEmpty()]], + async (req, res) => { + const errors = validationResult(req); + if (!errors.isEmpty()) { + return res.status(400).json({ errors: errors.array() }); + } - const { - name, - bio, - location, - skills, - github, - gitlab, - linkedin, - twitter, - website, - // Competitive coding platforms - codechef, - hackerrank, - leetcode, - codeforces, - hackerearth - } = req.body; - - // Build profile object - const profileFields = {}; - if (name) profileFields.name = name; - if (bio) profileFields.bio = bio; - if (location) profileFields.location = location; - if (skills && Array.isArray(skills)) { - profileFields.skills = skills; - } else if (skills) { - profileFields.skills = skills.split(',').map(skill => skill.trim()); - } + const { + name, + bio, + location, + skills, + github, + gitlab, + linkedin, + twitter, + website, + // Competitive coding platforms + codechef, + hackerrank, + leetcode, + codeforces, + hackerearth, + } = req.body; + + // Build profile object + const profileFields = {}; + if (name) profileFields.name = name; + if (bio) profileFields.bio = bio; + if (location) profileFields.location = location; + if (skills && Array.isArray(skills)) { + profileFields.skills = skills; + } else if (skills) { + profileFields.skills = skills.split(",").map((skill) => skill.trim()); + } - // Build social object - profileFields.socialLinks = {}; - if (github) profileFields.socialLinks.github = github; - if (gitlab) profileFields.socialLinks.gitlab = gitlab; - if (linkedin) profileFields.socialLinks.linkedin = linkedin; - if (twitter) profileFields.socialLinks.twitter = twitter; - if (website) profileFields.socialLinks.website = website; - - // Add competitive coding platforms - if (codechef) profileFields.socialLinks.codechef = codechef; - if (hackerrank) profileFields.socialLinks.hackerrank = hackerrank; - if (leetcode) profileFields.socialLinks.leetcode = leetcode; - if (codeforces) profileFields.socialLinks.codeforces = codeforces; - if (hackerearth) profileFields.socialLinks.hackerearth = hackerearth; + // Build social object + profileFields.socialLinks = {}; + if (github) profileFields.socialLinks.github = github; + if (gitlab) profileFields.socialLinks.gitlab = gitlab; + if (linkedin) profileFields.socialLinks.linkedin = linkedin; + if (twitter) profileFields.socialLinks.twitter = twitter; + if (website) profileFields.socialLinks.website = website; + + // Add competitive coding platforms + if (codechef) profileFields.socialLinks.codechef = codechef; + if (hackerrank) profileFields.socialLinks.hackerrank = hackerrank; + if (leetcode) profileFields.socialLinks.leetcode = leetcode; + if (codeforces) profileFields.socialLinks.codeforces = codeforces; + if (hackerearth) profileFields.socialLinks.hackerearth = hackerearth; - try { - let user = await User.findById(req.user.id); - - if (!user) { - return res.status(404).json({ errors: [{ msg: 'User not found' }] }); - } + try { + let user = await User.findById(req.user.id); - // Update - user = await User.findByIdAndUpdate( - req.user.id, - { $set: profileFields }, - { new: true } - ).select('-password'); + if (!user) { + return res.status(404).json({ errors: [{ msg: "User not found" }] }); + } - return res.json(user); - } catch (err) { - console.error(err.message); - res.status(500).json({ errors: [{ msg: 'Server Error' }] }); - } -}); + // Update + user = await User.findByIdAndUpdate( + req.user.id, + { $set: profileFields }, + { new: true }, + ).select("-password"); + + return res.json(user); + } catch (err) { + console.error(err.message); + res.status(500).json({ errors: [{ msg: "Server Error" }] }); + } + }, +); // Added a route to generate a new avatar from online services -router.post('/generate-avatar', auth, async (req, res) => { +router.post("/generate-avatar", auth, async (req, res) => { try { - const user = await User.findById(req.user.id).select('-password'); + const user = await User.findById(req.user.id).select("-password"); if (!user) { - return res.status(404).json({ errors: [{ msg: 'User not found' }] }); + return res.status(404).json({ errors: [{ msg: "User not found" }] }); } - + // Generate a new avatar using online service const newAvatar = generateAvatarUrl(user.email, user.name); user.avatar = newAvatar; await user.save(); - + res.json({ avatar: newAvatar }); } catch (err) { console.error(err.message); - res.status(500).json({ errors: [{ msg: 'Server Error' }] }); + res.status(500).json({ errors: [{ msg: "Server Error" }] }); } }); // @route POST api/profile/projects // @desc Add project to profile // @access Private -router.post('/projects', [ - auth, +router.post( + "/projects", [ - check('name', 'Project name is required').not().isEmpty(), - check('description', 'Description is required').not().isEmpty() - ] -], async (req, res) => { - const errors = validationResult(req); - if (!errors.isEmpty()) { - return res.status(400).json({ errors: errors.array() }); - } + auth, + [ + check("name", "Project name is required").not().isEmpty(), + check("description", "Description is required").not().isEmpty(), + ], + ], + async (req, res) => { + const errors = validationResult(req); + if (!errors.isEmpty()) { + return res.status(400).json({ errors: errors.array() }); + } - const { name, description, link } = req.body; + const { name, description, link } = req.body; - try { - const user = await User.findById(req.user.id); + try { + const user = await User.findById(req.user.id); - user.projects.unshift({ - name, - description, - link - }); + user.projects.unshift({ + name, + description, + link, + }); - await user.save(); - res.json(user); - } catch (err) { - console.error(err.message); - res.status(500).json({ errors: [{ msg: 'Server Error' }] }); - } -}); + await user.save(); + res.json(user); + } catch (err) { + console.error(err.message); + res.status(500).json({ errors: [{ msg: "Server Error" }] }); + } + }, +); // @route DELETE api/profile/projects/:proj_id // @desc Delete project from profile // @access Private -router.delete('/projects/:proj_id', auth, async (req, res) => { +router.delete("/projects/:proj_id", auth, async (req, res) => { try { const user = await User.findById(req.user.id); - + // Get remove index const removeIndex = user.projects - .map(item => item.id) + .map((item) => item.id) .indexOf(req.params.proj_id); if (removeIndex === -1) { - return res.status(404).json({ errors: [{ msg: 'Project not found' }] }); + return res.status(404).json({ errors: [{ msg: "Project not found" }] }); } - + user.projects.splice(removeIndex, 1); await user.save(); res.json(user); } catch (err) { console.error(err.message); - res.status(500).json({ errors: [{ msg: 'Server Error' }] }); + res.status(500).json({ errors: [{ msg: "Server Error" }] }); } }); // @route PUT api/profile/goals // @desc Update user goals // @access Private -router.put('/goals', auth, async (req, res) => { +router.put("/goals", auth, async (req, res) => { try { const user = await User.findById(req.user.id); - if (!user) return res.status(404).json({ msg: 'User not found' }); + if (!user) return res.status(404).json({ msg: "User not found" }); user.goals = req.body.goals || []; await user.save(); res.json(user.goals); } catch (err) { console.error(err.message); - res.status(500).send('Server error'); + res.status(500).send("Server error"); } }); // @route PUT api/profile/notes // @desc Update user notes // @access Private -router.put('/notes', auth, async (req, res) => { +router.put("/notes", auth, async (req, res) => { try { const user = await User.findById(req.user.id); - if (!user) return res.status(404).json({ msg: 'User not found' }); + if (!user) return res.status(404).json({ msg: "User not found" }); user.notes = req.body.notes || ""; await user.save(); res.json(user.notes); } catch (err) { console.error(err.message); - res.status(500).send('Server error'); + res.status(500).send("Server error"); } }); // @route PUT api/profile/activity // @desc Update activity log (for heatmap) // @access Private -router.put('/activity', auth, async (req, res) => { +router.put("/activity", auth, async (req, res) => { try { const { date } = req.body; // expects YYYY-MM-DD or timestamp const user = await User.findById(req.user.id); - if (!user) return res.status(404).json({ msg: 'User not found' }); + if (!user) return res.status(404).json({ msg: "User not found" }); user.activity.push(date); await user.save(); res.json(user.activity); } catch (err) { console.error(err.message); - res.status(500).send('Server error'); + res.status(500).send("Server error"); } }); // @route PUT api/profile/time // @desc Update time spent // @access Private -router.put('/time', auth, async (req, res) => { +router.put("/time", auth, async (req, res) => { try { const { timeSpent } = req.body; // e.g. "2h 30m" const user = await User.findById(req.user.id); - if (!user) return res.status(404).json({ msg: 'User not found' }); + if (!user) return res.status(404).json({ msg: "User not found" }); user.timeSpent = timeSpent; await user.save(); res.json(user.timeSpent); } catch (err) { console.error(err.message); - res.status(500).send('Server error'); + res.status(500).send("Server error"); } }); - - - router.post("/leetcode/:username", async (req, res) => { const { username } = req.params; @@ -438,17 +443,20 @@ router.post("/leetcode/:username", async (req, res) => { ranking: json.data.matchedUser.profile?.ranking, avatar: json.data.matchedUser.profile?.userAvatar, }, - submitStatsGlobal: json.data.matchedUser.submitStatsGlobal.acSubmissionNum.map(sub => ({ - difficulty: sub.difficulty, - count: sub.count, - })), - badges: json.data.matchedUser.badges.map(badge => ({ + submitStatsGlobal: + json.data.matchedUser.submitStatsGlobal.acSubmissionNum.map((sub) => ({ + difficulty: sub.difficulty, + count: sub.count, + })), + badges: json.data.matchedUser.badges.map((badge) => ({ id: badge.id, displayName: badge.displayName, icon: badge.icon, })), - submissionCalendar: JSON.parse(json.data.matchedUser.submissionCalendar || "{}"), - recentSubmissions: json.data.recentAcSubmissionList.map(sub => ({ + submissionCalendar: JSON.parse( + json.data.matchedUser.submissionCalendar || "{}", + ), + recentSubmissions: json.data.recentAcSubmissionList.map((sub) => ({ id: sub.id, title: sub.title, titleSlug: sub.titleSlug, @@ -466,7 +474,7 @@ router.post("/leetcode/:username", async (req, res) => { expired: contestRanking.badge?.expired || false, }, }, - contestHistory: contestHistory.map(contest => ({ + contestHistory: contestHistory.map((contest) => ({ attended: contest.attended || false, rating: contest.rating || 0, contest: { @@ -488,8 +496,6 @@ router.post("/leetcode/:username", async (req, res) => { } }); - - router.post("/leetcode/update/:username", async (req, res) => { const { username } = req.params; @@ -500,8 +506,9 @@ router.post("/leetcode/update/:username", async (req, res) => { return res.status(404).json({ error: "User not found in database" }); } - const timeDifference = Date.now() - new Date(existingUser.lastUpdated).getTime(); - const sixHoursInMillis = 6 * 60 * 60 * 1000; + const timeDifference = + Date.now() - new Date(existingUser.lastUpdated).getTime(); + const sixHoursInMillis = 6 * 60 * 60 * 1000; if (timeDifference < sixHoursInMillis) { return res.json({ @@ -590,17 +597,20 @@ router.post("/leetcode/update/:username", async (req, res) => { ranking: json.data.matchedUser.profile?.ranking, avatar: json.data.matchedUser.profile?.userAvatar, }, - submitStatsGlobal: json.data.matchedUser.submitStatsGlobal.acSubmissionNum.map(sub => ({ - difficulty: sub.difficulty, - count: sub.count, - })), - badges: json.data.matchedUser.badges.map(badge => ({ + submitStatsGlobal: + json.data.matchedUser.submitStatsGlobal.acSubmissionNum.map((sub) => ({ + difficulty: sub.difficulty, + count: sub.count, + })), + badges: json.data.matchedUser.badges.map((badge) => ({ id: badge.id, displayName: badge.displayName, icon: badge.icon, })), - submissionCalendar: JSON.parse(json.data.matchedUser.submissionCalendar || "{}"), - recentSubmissions: json.data.recentAcSubmissionList.map(sub => ({ + submissionCalendar: JSON.parse( + json.data.matchedUser.submissionCalendar || "{}", + ), + recentSubmissions: json.data.recentAcSubmissionList.map((sub) => ({ id: sub.id, title: sub.title, titleSlug: sub.titleSlug, @@ -618,7 +628,7 @@ router.post("/leetcode/update/:username", async (req, res) => { expired: contestRanking.badge?.expired || false, }, }, - contestHistory: contestHistory.map(contest => ({ + contestHistory: contestHistory.map((contest) => ({ attended: contest.attended || false, rating: contest.rating || 0, contest: { @@ -649,5 +659,4 @@ router.post("/leetcode/update/:username", async (req, res) => { } }); - -module.exports = router; \ No newline at end of file +module.exports = router; diff --git a/backend/routes/tasks.route.js b/backend/routes/tasks.route.js index 9e49627..ccef556 100644 --- a/backend/routes/tasks.route.js +++ b/backend/routes/tasks.route.js @@ -1,87 +1,94 @@ -const express = require('express'); +const express = require("express"); const router = express.Router(); -const auth = require('../middleware/auth'); -const Task = require('../models/Task'); +const auth = require("../middleware/auth"); +const Task = require("../models/Task"); // POST /api/tasks - Create a new task -router.post('/', auth, async (req, res) => { +router.post("/", auth, async (req, res) => { try { const { title, description, status, deadline } = req.body; if (!title || !title.trim()) { - return res.status(400).json({ errors: [{ msg: 'Title is required' }] }); + return res.status(400).json({ errors: [{ msg: "Title is required" }] }); } const task = new Task({ title: title.trim(), - description: description || '', - status: status === 'completed' ? 'completed' : 'pending', + description: description || "", + status: status === "completed" ? "completed" : "pending", deadline: deadline ? new Date(deadline) : undefined, userId: req.user.id, }); const saved = await task.save(); return res.status(201).json(saved); } catch (err) { - console.error('Create task error:', err); - return res.status(500).json({ errors: [{ msg: 'Server error' }] }); + console.error("Create task error:", err); + return res.status(500).json({ errors: [{ msg: "Server error" }] }); } }); // GET /api/tasks - Get tasks for the authenticated user -router.get('/', auth, async (req, res) => { +router.get("/", auth, async (req, res) => { try { - const tasks = await Task.find({ userId: req.user.id }).sort({ createdAt: -1 }); + const tasks = await Task.find({ userId: req.user.id }).sort({ + createdAt: -1, + }); return res.json(tasks); } catch (err) { - console.error('Fetch tasks error:', err); - return res.status(500).json({ errors: [{ msg: 'Server error' }] }); + console.error("Fetch tasks error:", err); + return res.status(500).json({ errors: [{ msg: "Server error" }] }); } }); // PUT /api/tasks/:id - Update a task (only owner) -router.put('/:id', auth, async (req, res) => { +router.put("/:id", auth, async (req, res) => { try { const { id } = req.params; const updates = {}; - if (typeof req.body.title === 'string') updates.title = req.body.title.trim(); - if (typeof req.body.description === 'string') updates.description = req.body.description; - if (typeof req.body.status === 'string' && ['pending','completed'].includes(req.body.status)) updates.status = req.body.status; - if (typeof req.body.deadline !== 'undefined') updates.deadline = req.body.deadline ? new Date(req.body.deadline) : null; + if (typeof req.body.title === "string") + updates.title = req.body.title.trim(); + if (typeof req.body.description === "string") + updates.description = req.body.description; + if ( + typeof req.body.status === "string" && + ["pending", "completed"].includes(req.body.status) + ) + updates.status = req.body.status; + if (typeof req.body.deadline !== "undefined") + updates.deadline = req.body.deadline ? new Date(req.body.deadline) : null; // Never allow changing userId via API const task = await Task.findOne({ _id: id, userId: req.user.id }); if (!task) { - return res.status(404).json({ errors: [{ msg: 'Task not found' }] }); + return res.status(404).json({ errors: [{ msg: "Task not found" }] }); } Object.assign(task, updates); const saved = await task.save(); return res.json(saved); } catch (err) { - console.error('Update task error:', err); - if (err.name === 'CastError') { - return res.status(400).json({ errors: [{ msg: 'Invalid task id' }] }); + console.error("Update task error:", err); + if (err.name === "CastError") { + return res.status(400).json({ errors: [{ msg: "Invalid task id" }] }); } - return res.status(500).json({ errors: [{ msg: 'Server error' }] }); + return res.status(500).json({ errors: [{ msg: "Server error" }] }); } }); // DELETE /api/tasks/:id - Delete a task (only owner) -router.delete('/:id', auth, async (req, res) => { +router.delete("/:id", auth, async (req, res) => { try { const { id } = req.params; const task = await Task.findOneAndDelete({ _id: id, userId: req.user.id }); if (!task) { - return res.status(404).json({ errors: [{ msg: 'Task not found' }] }); + return res.status(404).json({ errors: [{ msg: "Task not found" }] }); } - return res.json({ msg: 'Task deleted' }); + return res.json({ msg: "Task deleted" }); } catch (err) { - console.error('Delete task error:', err); - if (err.name === 'CastError') { - return res.status(400).json({ errors: [{ msg: 'Invalid task id' }] }); + console.error("Delete task error:", err); + if (err.name === "CastError") { + return res.status(400).json({ errors: [{ msg: "Invalid task id" }] }); } - return res.status(500).json({ errors: [{ msg: 'Server error' }] }); + return res.status(500).json({ errors: [{ msg: "Server error" }] }); } }); module.exports = router; - - diff --git a/backend/server.js b/backend/server.js index 2c20dd3..b947644 100644 --- a/backend/server.js +++ b/backend/server.js @@ -8,7 +8,6 @@ require("./utils/leetcodeCron"); const passport = require("passport"); const githubRoute = require("./routes/github.route"); - // Database connection require("./db/connection"); @@ -16,14 +15,19 @@ require("./db/connection"); try { require("./config/passport"); } catch (err) { - console.warn("Google OAuth is not configured properly. Skipping Passport strategy."); + console.warn( + "Google OAuth is not configured properly. Skipping Passport strategy.", + ); } // Import routes const contactRouter = require("./routes/contact.route"); // Rate limiter middleware placeholders -const { generalMiddleware, authMiddleware } = require("./middleware/rateLimit/index"); +const { + generalMiddleware, + authMiddleware, +} = require("./middleware/rateLimit/index"); // Initialize Express const app = express(); @@ -36,7 +40,7 @@ app.use( cors({ origin: process.env.CLIENT_URL || "http://localhost:5173", credentials: true, - }) + }), ); // Session setup @@ -46,7 +50,7 @@ app.use( resave: false, saveUninitialized: false, cookie: { secure: false }, // set true if using HTTPS - }) + }), ); // Initialize Passport @@ -66,7 +70,6 @@ app.use("/api/contact", generalMiddleware, contactRouter); app.use("/api/tasks", require("./routes/tasks.route")); app.use("/api/feedback", require("./routes/feedback")); - // Default route app.get("/", (req, res) => { res.send("DEVSYNC BACKEND API ๐"); @@ -76,4 +79,4 @@ app.get("/", (req, res) => { const PORT = process.env.PORT || 5000; app.listen(PORT, () => { console.log(`Server is up and running at http://localhost:${PORT} ๐`); -}); \ No newline at end of file +}); diff --git a/backend/services/sendResetEmail.js b/backend/services/sendResetEmail.js index 65d9e5b..d01fe6b 100644 --- a/backend/services/sendResetEmail.js +++ b/backend/services/sendResetEmail.js @@ -1,24 +1,24 @@ -const nodemailer = require('nodemailer'); +const nodemailer = require("nodemailer"); const transporter = nodemailer.createTransport({ - service: 'gmail', + service: "gmail", auth: { user: process.env.EMAIL_USER, - pass: process.env.EMAIL_PASSWORD - } + pass: process.env.EMAIL_PASSWORD, + }, }); const sendResetEmail = async (email, resetLink) => { const mailOptions = { from: process.env.EMAIL_USER, to: email, - subject: 'Password Reset - DevSync', + subject: "Password Reset - DevSync", html: `Password Reset Request
Click the link below to reset your password:
${resetLink}This link will expire in 1 hour.
- ` + `, }; await transporter.sendMail(mailOptions); diff --git a/backend/utils/emailVerificationHelpers.js b/backend/utils/emailVerificationHelpers.js index a6fefe1..aae7193 100644 --- a/backend/utils/emailVerificationHelpers.js +++ b/backend/utils/emailVerificationHelpers.js @@ -1,9 +1,10 @@ -const { sendVerificationEmail } = require('../services/emailService'); +const { sendVerificationEmail } = require("../services/emailService"); const crypto = require("crypto"); -const jwt = require('jsonwebtoken'); +const jwt = require("jsonwebtoken"); // Use a fallback JWT secret if env variable is missing -const JWT_SECRET = process.env.JWT_SECRET || 'devsync_secure_jwt_secret_key_for_authentication'; +const JWT_SECRET = + process.env.JWT_SECRET || "devsync_secure_jwt_secret_key_for_authentication"; /** * Generate a 6-digit verification code @@ -60,7 +61,7 @@ const handleVerificationEmail = async (email, verificationCode) => { } try { - console.log('Sending For Email Verifcation ...') + console.log("Sending For Email Verifcation ..."); await sendVerificationEmail(email, verificationCode); console.log(`Verification code for ${email}: ${verificationCode}`); } catch (emailError) { @@ -74,5 +75,5 @@ module.exports = { generateJWT, formatUserResponse, setVerificationToken, - handleVerificationEmail + handleVerificationEmail, }; diff --git a/backend/utils/leetcodeCron.js b/backend/utils/leetcodeCron.js index dd6e147..2fb2c84 100644 --- a/backend/utils/leetcodeCron.js +++ b/backend/utils/leetcodeCron.js @@ -1,24 +1,24 @@ -const cron = require('node-cron'); -const LeetCode = require('../models/Leetcode'); -const axios = require('axios'); +const cron = require("node-cron"); +const LeetCode = require("../models/Leetcode"); +const axios = require("axios"); -console.log('โ leetcodeCron.js file loaded'); +console.log("โ leetcodeCron.js file loaded"); const batchLimit = 50; // number users should update for the each hour const runLeetCodeBatchUpdate = async () => { try { - console.log('Starting batch update for LeetCode users...'); + console.log("Starting batch update for LeetCode users..."); const sixHoursAgo = new Date(Date.now() - 6 * 60 * 60 * 1000); const usersToUpdate = await LeetCode.find({ - lastUpdated: { $lt: sixHoursAgo } + lastUpdated: { $lt: sixHoursAgo }, }).limit(batchLimit); const totalUsers = usersToUpdate.length; if (totalUsers === 0) { - console.log('No users need updating at the moment.'); + console.log("No users need updating at the moment."); return; } @@ -37,20 +37,18 @@ const runLeetCodeBatchUpdate = async () => { } } - console.log('Batch update completed.'); - console.log(`Summary: Total: ${totalUsers}, Successfully updated: ${successCount}, Failed: ${failCount}`); + console.log("Batch update completed."); + console.log( + `Summary: Total: ${totalUsers}, Successfully updated: ${successCount}, Failed: ${failCount}`, + ); } catch (err) { - console.error('Error in batch update:', err); + console.error("Error in batch update:", err); } }; - - runLeetCodeBatchUpdate(); //comment this function to stop cronjon on server start / restart -cron.schedule('0 * * * *', runLeetCodeBatchUpdate); // execute on each one hour - - +cron.schedule("0 * * * *", runLeetCodeBatchUpdate); // execute on each one hour const updateUserLeetCodeProfile = async (username) => { try { @@ -110,10 +108,10 @@ const updateUserLeetCodeProfile = async (username) => { headers: { "Content-Type": "application/json", }, - } + }, ); - const json = response.data; + const json = response.data; if (!json.data?.matchedUser) { console.error(`User ${username} not found.`); @@ -129,17 +127,20 @@ const updateUserLeetCodeProfile = async (username) => { ranking: json.data.matchedUser.profile?.ranking, avatar: json.data.matchedUser.profile?.userAvatar, }, - submitStatsGlobal: json.data.matchedUser.submitStatsGlobal.acSubmissionNum.map(sub => ({ - difficulty: sub.difficulty, - count: sub.count, - })), - badges: json.data.matchedUser.badges.map(badge => ({ + submitStatsGlobal: + json.data.matchedUser.submitStatsGlobal.acSubmissionNum.map((sub) => ({ + difficulty: sub.difficulty, + count: sub.count, + })), + badges: json.data.matchedUser.badges.map((badge) => ({ id: badge.id, displayName: badge.displayName, icon: badge.icon, })), - submissionCalendar: JSON.parse(json.data.matchedUser.submissionCalendar || "{}"), - recentSubmissions: json.data.recentAcSubmissionList.map(sub => ({ + submissionCalendar: JSON.parse( + json.data.matchedUser.submissionCalendar || "{}", + ), + recentSubmissions: json.data.recentAcSubmissionList.map((sub) => ({ id: sub.id, title: sub.title, titleSlug: sub.titleSlug, @@ -157,7 +158,7 @@ const updateUserLeetCodeProfile = async (username) => { expired: contestRanking.badge?.expired || false, }, }, - contestHistory: contestHistory.map(contest => ({ + contestHistory: contestHistory.map((contest) => ({ attended: contest.attended || false, rating: contest.rating || 0, contest: { @@ -170,11 +171,9 @@ const updateUserLeetCodeProfile = async (username) => { const user = await LeetCode.findOneAndUpdate( { username }, { ...result, lastUpdated: new Date() }, - { new: true } + { new: true }, ); - } catch (err) { console.error(`Error updating ${username}:`, err); } }; - diff --git a/docs/env_guide.md b/docs/env_guide.md index 32a0fe9..644ef5a 100644 --- a/docs/env_guide.md +++ b/docs/env_guide.md @@ -1,75 +1,73 @@ -# ๐ Environment Variables Guide - -**Purpose:** -This file lists all the environment variables required for the project. -For detailed setup instructions, refer to the linked setup guides below. - ---- - -```bash -# ----------------------------- -# Application Settings -# ----------------------------- - -# Port on which the application runs locally -PORT=5000 - -# URL of the frontend client -CLIENT_URL=http://localhost:5173 - -# ----------------------------- -# Database Settings -# ----------------------------- - -# MongoDB connection string -MONGODB_URI=mongodb+srv://
{/* Section Header */}
-
{/* Tracing Points */}
{aboutPoints.map((item, index) => (
About DevSync
++ About DevSync +
- {item.badge}
+ {item.badge}
-
diff --git a/frontend/src/Components/Ad.jsx b/frontend/src/Components/Ad.jsx
index 638ba92..d5bddab 100644
--- a/frontend/src/Components/Ad.jsx
+++ b/frontend/src/Components/Ad.jsx
@@ -40,33 +40,46 @@ const AdStrip = () => {
className="w-full py-16 px-6 mt-12"
>
+
{item.title}
-+
{item.description}
-
{/* Top label */}
+
+
{/* Paragraph - FIXED: Changed from
to
*/}
-
{/* Username */}
diff --git a/frontend/src/Components/Contributors.jsx b/frontend/src/Components/Contributors.jsx
index 56f40dd..38a36a7 100644
--- a/frontend/src/Components/Contributors.jsx
+++ b/frontend/src/Components/Contributors.jsx
@@ -15,7 +15,7 @@ const ContributorsSection = () => {
const fetchContributors = async () => {
try {
const response = await fetch(
- `https://api.github.com/repos/${OWNER}/${REPO}/contributors?per_page=100`
+ `https://api.github.com/repos/${OWNER}/${REPO}/contributors?per_page=100`,
);
if (!response.ok) {
throw new Error(`GitHub API error: ${response.status}`);
diff --git a/frontend/src/Components/DashBoard/CardWrapper.jsx b/frontend/src/Components/DashBoard/CardWrapper.jsx
index 9bb397d..78475fd 100644
--- a/frontend/src/Components/DashBoard/CardWrapper.jsx
+++ b/frontend/src/Components/DashBoard/CardWrapper.jsx
@@ -1,7 +1,7 @@
// src/components/DashBoard/CardWrapper.jsx
export default function CardWrapper({ children, className = "" }) {
return (
-
- {/* Paragraph */}
-
-
+
+ {" "}
+
diff --git a/frontend/src/Components/AllContributors.jsx b/frontend/src/Components/AllContributors.jsx
index 35ee03d..0391e86 100644
--- a/frontend/src/Components/AllContributors.jsx
+++ b/frontend/src/Components/AllContributors.jsx
@@ -13,7 +13,7 @@ const AllContributors = () => {
const fetchContributors = async () => {
try {
const response = await fetch(
- `https://api.github.com/repos/${OWNER}/${REPO}/contributors?per_page=100`
+ `https://api.github.com/repos/${OWNER}/${REPO}/contributors?per_page=100`,
);
if (!response.ok) {
throw new Error(`GitHub API error: ${response.status}`);
@@ -58,7 +58,6 @@ const AllContributors = () => {
alt={contributor.login}
className="w-20 h-20 rounded-full"
/>
-
-
+
+ {/* Paragraph */}
+
{/* CTA Button */}
+
+
{children}
);
diff --git a/frontend/src/Components/DashBoard/GithubRepoCard.jsx b/frontend/src/Components/DashBoard/GithubRepoCard.jsx
index ecfb7ef..cad0753 100644
--- a/frontend/src/Components/DashBoard/GithubRepoCard.jsx
+++ b/frontend/src/Components/DashBoard/GithubRepoCard.jsx
@@ -1,53 +1,53 @@
-import React from 'react';
-import { Github, Star, GitFork, Clock } from 'lucide-react';
-import CardWrapper from './CardWrapper';
+import React from "react";
+import { Github, Star, GitFork, Clock } from "lucide-react";
+import CardWrapper from "./CardWrapper";
/**
* Component to display a list of GitHub repositories
*/
-export default function GithubRepoCard({ repositories = [], className = '' }) {
+export default function GithubRepoCard({ repositories = [], className = "" }) {
// Format the update time to a readable string
const formatUpdateTime = (dateString) => {
- if (!dateString) return '';
-
+ if (!dateString) return "";
+
const date = new Date(dateString);
const now = new Date();
const diffMs = now - date;
const diffDays = Math.floor(diffMs / (1000 * 60 * 60 * 24));
-
+
if (diffDays === 0) {
- return 'Today';
+ return "Today";
} else if (diffDays === 1) {
- return 'Yesterday';
+ return "Yesterday";
} else if (diffDays < 7) {
return `${diffDays} days ago`;
} else if (diffDays < 30) {
const weeks = Math.floor(diffDays / 7);
- return `${weeks} ${weeks === 1 ? 'week' : 'weeks'} ago`;
+ return `${weeks} ${weeks === 1 ? "week" : "weeks"} ago`;
} else {
const months = Math.floor(diffDays / 30);
- return `${months} ${months === 1 ? 'month' : 'months'} ago`;
+ return `${months} ${months === 1 ? "month" : "months"} ago`;
}
};
// Language color mapping
const languageColors = {
- JavaScript: '#f1e05a',
- TypeScript: '#3178c6',
- HTML: '#e34c26',
- CSS: '#563d7c',
- Python: '#3572A5',
- Java: '#b07219',
- 'C#': '#178600',
- PHP: '#4F5D95',
- Ruby: '#701516',
- Go: '#00ADD8',
- Swift: '#F05138',
- Kotlin: '#A97BFF',
- Rust: '#dea584',
- Dart: '#00B4AB',
+ JavaScript: "#f1e05a",
+ TypeScript: "#3178c6",
+ HTML: "#e34c26",
+ CSS: "#563d7c",
+ Python: "#3572A5",
+ Java: "#b07219",
+ "C#": "#178600",
+ PHP: "#4F5D95",
+ Ruby: "#701516",
+ Go: "#00ADD8",
+ Swift: "#F05138",
+ Kotlin: "#A97BFF",
+ Rust: "#dea584",
+ Dart: "#00B4AB",
// Add more languages as needed
- default: '#cccccc'
+ default: "#cccccc",
};
return (
@@ -66,43 +66,50 @@ export default function GithubRepoCard({ repositories = [], className = '' }) {
) : (
{repositories.map((repo) => (
-
-
+
{repo.name}
-
+
{repo.description && (
{repo.description}
)} - +
{repo.language && (
diff --git a/frontend/src/Components/DashBoard/LeetCode.jsx b/frontend/src/Components/DashBoard/LeetCode.jsx
index 88911e2..637741e 100644
--- a/frontend/src/Components/DashBoard/LeetCode.jsx
+++ b/frontend/src/Components/DashBoard/LeetCode.jsx
@@ -16,7 +16,15 @@ import ReactCalendarHeatmap from "react-calendar-heatmap";
import "react-calendar-heatmap/dist/styles.css";
import BackButton from "../ui/backbutton";
-ChartJS.register(CategoryScale, LinearScale, PointElement, LineElement, Title, Tooltip, Legend);
+ChartJS.register(
+ CategoryScale,
+ LinearScale,
+ PointElement,
+ LineElement,
+ Title,
+ Tooltip,
+ Legend,
+);
export default function LeetCode({ platforms = {} }) {
const [stats, setStats] = useState(null);
@@ -26,10 +34,13 @@ export default function LeetCode({ platforms = {} }) {
const fetchStats = async () => {
if (!leetUser) return;
try {
- const res = await fetch(`${import.meta.env.VITE_API_URL}/api/profile/leetcode/${leetUser}`, {
- method: "POST",
- headers: { "Content-Type": "application/json" },
- });
+ const res = await fetch(
+ `${import.meta.env.VITE_API_URL}/api/profile/leetcode/${leetUser}`,
+ {
+ method: "POST",
+ headers: { "Content-Type": "application/json" },
+ },
+ );
if (!res.ok) throw new Error(`API error: ${res.status}`);
const json = await res.json();
setStats(json.data);
@@ -53,10 +64,12 @@ export default function LeetCode({ platforms = {} }) {
submissionCalendar,
} = stats;
- const calendarData = Object.entries(submissionCalendar).map(([timestamp, count]) => ({
- date: new Date(Number(timestamp) * 1000).toISOString().split("T")[0],
- count: parseInt(count, 10),
- }));
+ const calendarData = Object.entries(submissionCalendar).map(
+ ([timestamp, count]) => ({
+ date: new Date(Number(timestamp) * 1000).toISOString().split("T")[0],
+ count: parseInt(count, 10),
+ }),
+ );
const startDate = new Date("2025-01-01");
const endDate = new Date();
@@ -64,7 +77,7 @@ export default function LeetCode({ platforms = {} }) {
const attendedContests = contestHistory.filter((c) => c.attended);
const labels = attendedContests.map((c) =>
- new Date(c.contest.startTime).toLocaleDateString()
+ new Date(c.contest.startTime).toLocaleDateString(),
);
const data = {
@@ -86,7 +99,10 @@ export default function LeetCode({ platforms = {} }) {
responsive: true,
maintainAspectRatio: false,
plugins: {
- legend: { position: "top", labels: { color: "#FFA116", font: { size: 12 } } },
+ legend: {
+ position: "top",
+ labels: { color: "#FFA116", font: { size: 12 } },
+ },
title: {
display: true,
text: "LeetCode Contest Rating Over Time",
@@ -123,7 +139,7 @@ export default function LeetCode({ platforms = {} }) {
return (
<>
-
-
{repo.language}
)}
-
+
@@ -138,7 +154,8 @@ export default function LeetCode({ platforms = {} }) {
{profile?.ranking && (
- Global Rank: #{profile.ranking} + Global Rank:{" "} + #{profile.ranking}
)} {badges.length > 0 && ( @@ -146,7 +163,11 @@ export default function LeetCode({ platforms = {} }) { {badges.map(({ id, icon, displayName }) => (
-
Problems Solved
++ Problems Solved +
{stats.submitStatsGlobal?.map(({ difficulty, count }) => (
-
))}
{difficulty}
-{count}
++ {difficulty} +
++ {count} +
-
Recent Submissions
++ Recent Submissions +
{recentSubmissions.length > 0 ? (-
- {recentSubmissions.slice(0, 3).map(({ id, title, timestamp }) => (
-
- - {title} - {new Date(timestamp).toLocaleDateString()} - - ))} + {recentSubmissions + .slice(0, 3) + .map(({ id, title, timestamp }) => ( +
- + {title} + + {new Date(timestamp).toLocaleDateString()} + + + ))}
No recent activity found.
++ No recent activity found. +
)}
- ({
- "data-tip": value ? `Submissions: ${value.count}` : "No submissions",
+ "data-tip": value
+ ? `Submissions: ${value.count}`
+ : "No submissions",
})}
/>
Submission Heatmap
++ Submission Heatmap +
-
Contest Stats
++ Contest Stats +
{contestRating?.badge && ( -
- { contestRating.badge.icon != "/default_icon.png" && ![{contestRating.badge.name}]({"https://leetcode.com" "{contestRating.badge.name}")
}
+ {contestRating.badge.icon != "/default_icon.png" && (
+
+ )}
{contestRating.badge.name}
- {contestRating.badge.expired && (Expired)}
+ {contestRating.badge.expired && (
+ (Expired)
+ )}
)}
Contests: {contestRating?.attendedContestsCount ?? "N/A"}
Rating: {contestRating?.rating ?? "N/A"}
-Rank: {contestRating?.globalRanking ? `#${contestRating.globalRanking}` : "N/A"}
++ Rank:{" "} + {contestRating?.globalRanking + ? `#${contestRating.globalRanking}` + : "N/A"} +
Top %:{" "} - {contestRating?.topPercentage ? `${contestRating.topPercentage.toFixed(2)}%` : "N/A"} + {contestRating?.topPercentage + ? `${contestRating.topPercentage.toFixed(2)}%` + : "N/A"}