changed multer profile pic upload logic

client/src/js/config.js

@@ -1,10 +1,10 @@
 // Development configuration
-export const CONFIG = {
-    API_ENDPOINT: 'http://localhost:5000'
-}
+// export const CONFIG = {
+//     API_ENDPOINT: 'http://localhost:5000'
+// }
 
 
 // Production configuration
-// export const CONFIG = {
-//     API_ENDPOINT: 'https://student-zynergy.vercel.app'
-// }
+export const CONFIG = {
+    API_ENDPOINT: 'https://student-zynergy.vercel.app'
+}

client/src/pages/login.html

@@ -35,10 +35,22 @@ <h1 class="input-box-heading">Login</h1>
               </span>
               <p>Email</p>
             </div>
-            <input class="input-box" name="email" autocomplete="off" />
+            <input
+              class="input-box"
+              type="email"
+              name="email"
+              autocomplete="off"
+              required
+            />
           </div>
           <div class="input-box-div">
-            <input class="input-box" name="password" autocomplete="off" />
+            <input
+              class="input-box"
+              type="password"
+              name="password"
+              autocomplete="off"
+              required
+            />
             <div class="input-box-text-div">
               <span class="material-symbols-outlined login-form-icon">
                 lock

server/controllers/authController.js

@@ -93,45 +93,40 @@ const token = (req, res) => {
 }
 
 // profile pic upload
-
 const multer = require('multer');
-const path = require('path');
-
-// Set storage engine
-const storage = multer.diskStorage({
-  destination: './uploads/profile_pics',
-  filename: (req, file, cb) => {
-    cb(null, file.fieldname + '-' + Date.now() + path.extname(file.originalname));
-  }
+const multerS3 = require('multer-s3');
+const AWS = require('aws-sdk');
+
+// Configure AWS S3
+const s3 = new AWS.S3({
+  accessKeyId: process.env.AWS_ACCESS_KEY_ID,
+  secretAccessKey: process.env.AWS_SECRET_ACCESS_KEY,
+  region: process.env.AWS_REGION,
 });
 
-// Init upload
+// Set up Multer to use S3 for storage
 const upload = multer({
-  storage: storage,
-  limits: { fileSize: 1000000 }, // Limit file size to 1MB
-  fileFilter: (req, file, cb) => {
-    checkFileType(file, cb);
-  }
-}).single('profileImage');
-
-// Check file type
-function checkFileType(file, cb) {
-  const filetypes = /jpeg|jpg|png|gif/;
-  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!');
-  }
-}
+  storage: multerS3({
+    s3: s3,
+    bucket: 'your-s3-bucket-name',
+    metadata: (req, file, cb) => {
+      cb(null, { fieldName: file.fieldname });
+    },
+    key: (req, file, cb) => {
+      cb(null, Date.now().toString() + '-' + file.originalname);
+    },
+  }),
+});
+
+
+
 
 
 
 
 module.exports = {
   register,
   login,
-  token
+  token,
+  upload
 }