Added icon change

backend/.gitignore

@@ -14,3 +14,5 @@ logs
 .env
 .env.*
 !.env.production
+
+uploads/

backend/src/index.js

@@ -2,6 +2,7 @@ const express = require("express");
 const cors = require('cors');
 const cookieParser = require('cookie-parser');
 const passport = require('passport');
+const path = require('path');
 
 const dotenv = require('dotenv');
 
@@ -16,6 +17,11 @@ if(process.env.NODE_ENV) {
 const app = express();
 const connectDB = require("./db");
 
+
+// PUBLIC
+const uploadDir = path.join(__dirname, 'uploads');
+app.use('/public', express.static(uploadDir));
+
 // JSON LIMIT EXPRESS
 app.use(express.json({ limit: '50mb' }));
 app.use(express.urlencoded({
@@ -26,6 +32,7 @@ app.use(express.urlencoded({
 // connect database
 connectDB();
 
+// MIDDLEWARE
 app.use(passport.initialize());
 require('./services/passport')(passport);
 

backend/src/routes/user.js

@@ -158,7 +158,7 @@ router.post("/upload-avatar", upload.single("image"), passport.authenticate('jwt
 router.get("/retrieve-avatar", async (req, res) => {
     try {
         const data = await User.findOne({ username: req.query.username });
-        res.json({ status: "ok", image: data.image });
+        res.json({ status: "ok", image: `${data.image}` });
     } catch (err) {
         res.json({ status: "error" });
     }

backend/src/services/storage.js

@@ -1,14 +1,22 @@
 const multer = require('multer');
+const path = require('path');
+const fs = require('fs');
+
+const uploadDir = path.join(__dirname, '..', 'uploads'); // adjust if needed
+
+if (!fs.existsSync(uploadDir)) {
+    fs.mkdirSync(uploadDir, { recursive: true });
+}
 
 var storage = multer.diskStorage({
     destination: function (req, file, cb) {
-        cb(null, 'uploads')
+        cb(null, uploadDir);
     },
     filename: function (req, file, cb) {
-        cb(null, file.fieldname + '-' + Date.now())
+        const ext = path.extname(file.originalname);
+        cb(null, file.fieldname + '-' + Date.now() + ext);
     }
 });
 
 var upload = multer({storage: storage});
-module.exports = upload;
-  
+module.exports = upload;