diff --git a/.env.local b/.env.local
index 6674896..a85fb44 100644
--- a/.env.local
+++ b/.env.local
@@ -6,4 +6,11 @@ NEXT_PUBLIC_FIREBASE_MESSAGING_SENDER_ID=1038734866325
 NEXT_PUBLIC_FIREBASE_APP_ID=1:1038734866325:web:22b09505809154eddb689c
 NEXT_PUBLIC_FIREBASE_MEASUREMENT_ID=G-5E30MTEKSN
 NEXT_PUBLIC_GOOGLE_CLOUD_VISION_API_KEY=AIzaSyCmO5hd0NfYV0yaePAva9PKhb4_IN1CdB8
-GOOGLE_APPLICATION_CREDENTIALS="D:\pantry tracker\vision-api-key.json"
\ No newline at end of file
+CLIENT_ID=52357093190-fi3tj2kgdn3e2dsit34n4fu8nn9paj3s.apps.googleusercontent.com
+CLIENT_SECRET=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
+API_KEY=AIzaSyCmO5hd0NfYV0yaePAva9PKhb4_IN1CdB8
+EMAIL=burhancantcode@mythic-chalice-425119-r6.iam.gserviceaccount.com
+UNIQUE_ID=103921260899615311592
+PROJECT_ID=mythic-chalice-425119-r6
+PRIVATE_KEY_ID=0c662e178d7e35ea1594f3432d2f9d97b989bbca
+PRIVATE_KEY="-----BEGIN PRIVATE KEY-----\nMIIEvgIBADANBgkqhkiG9w0BAQEFAASCBKgwggSkAgEAAoIBAQDSFm+rrDBGhGd3\n43KfN3erENOpqLttrM2denpOtNNNiNeaQwxs924wbIqfbsRda4gqlrAp4JIuSQnd\nLnpikGPcoJPaMgo7xeWz6LpBMoXsJHko5288szUL16wQV4svVtlLJXMlBDZ9WyYW\nhYsni9zGopdFGNLVpHCMGEia/jEzailRHxk6FKI5m8yxueriD2Nl9fk5Xh/Oyp7M\nkAHWOvVdfEBUm3li1HZEyKORIBFDaL0eXRrDPH08rveCzylYwXHo1cq5HvqvzMDa\nTtsedSrDXlpZ7sYlpS/BXX2xrnPxv8aZB3MBYX0kkt5T825QNIuI+X9cevRa8bh3\nHh6PU/QPAgMBAAECggEATxOa3OdnFGPp/jpifoOGS6F9yjJ0ugd9LXVYbB+sGVcU\nsD/kgW9wzlFMrE4pI3DCRCWMEXcyDrH3QIWqE0d+DyFyBYMoTu9iUqGa2ceGmSfx\nYvAZ8qMRqG95mH0bKqpqB9sEyD4ZtH2GjJufkTcX1ryEa8G4Oio3IsRRL+XV5x+z\npKahkAZ6oM5trGrSix8FG06F5H4cjJZrbFTo8bzkixTNDhqVdCWGFZy9OYEzeQw7\n6wuAN+eLWwvsxMoNMrN3ELiVt9Cl/nF5c5QRJ4VAFxMj7LRdrWq3Cqd8FFstVXID\ny497RpJQJcylmeKpY4+/crk72QZ1ckJHqJ7kDr2uAQKBgQD1yAlK9Xmn2rt5a3P5\nn9I9W3X3Finqr5y+5fp8GDzMny+mkTeK9ncp9g6R3CTakaee7hypexkyqGZOP26d\nEgXhNU3VHp1U+ulEToNGRMuXxC5Lx4oLYqHqDgR/hikup3MoIGEQ+JcLlMwez5h3\nA/LI/b2tmqN/S5/FwfICRaWNzwKBgQDa0n65Jxcm9gyiMwxgh8EHDKmXFxUlcaw8\nHDaSqovlftCFpEK6FzxGAbxSphhYK60O1jhFvh2HaGn0hAW9/73UfL1mjTLB0bP1\nCthxPOQRT+9kixWgN7JnT3yfZsPPhCw6NImWEXM94QFzhm2csnzB+oSvvGvVm4xL\nA3pE6REFwQKBgFRmWdKU0y7x7Nj4Lj41RLPvOWYdBU3i+jePr+F3TUGTFIDlcyZU\nFn2hUkWCTGGGDQKFj/AfJnr/2wnZvHlRnBVHAbBCsBJji0D6mRfDPgqiwqchIWVh\nfGpsX90OzAuKUwAfhlWWl//RG/sknJ2aDIA6qiz4YlavOHFndVyUYBJ/AoGBAJr5\nv5REMip+0l3Bx79KBhSHDEkcqPZW9oOv+5qOPPwxf19XAYcoU6DFM+pZBh7T+AHt\nB/ek+ObgtUHeiu6QhJJMMhvCXrNUYJ5oqvgwBtqYAVT1CEDrkWeHrRx7vKxo0KX8\ndYEaJMMra0q1Z0Y2RxNe6MBJsxmay5aJBPxvEIZBAoGBAL6c9NER8NiUyTiU8U7G\nT1xeQgQTSTRA+BgI22T/wSNzkkgPoevA/z20mfzMfdS6JkamUop9eZ4yMiS56uvS\n5PsuYv38zT7MyIyFxxmkhi4eGNAHLyU6zIEqv7HhcCOAqynnulZM5I2j37zHgrK+\nOfRQB+3SkwhhLXTVt902f/BT\n-----END PRIVATE KEY-----\n"
\ No newline at end of file
diff --git a/components/AddProductForm.tsx b/components/AddProductForm.tsx
index 44a2ea0..96519b5 100644
--- a/components/AddProductForm.tsx
+++ b/components/AddProductForm.tsx
@@ -1,9 +1,8 @@
 import { useState } from 'react';
-import { TextField, Button, Box, Typography, CircularProgress, Dialog, DialogTitle, DialogContent, DialogActions, Snackbar, Alert } from '@mui/material';
+import { TextField, Button, Box, Typography, CircularProgress, Dialog, DialogTitle, DialogContent, DialogActions } from '@mui/material';
 import { useProducts } from '../hooks/useProducts';
 import ImageCapture from './ImageCapture';
 import { scanProduct } from '../utils/visionUtils';
-import { useAuth } from '../hooks/useAuth';
 
 const AddProductForm = () => {
   const [name, setName] = useState('');
@@ -13,9 +12,7 @@ const AddProductForm = () => {
   const [showConfirmation, setShowConfirmation] = useState(false);
   const [error, setError] = useState<string | null>(null);
   const [potentialLabels, setPotentialLabels] = useState<string[]>([]);
-  const [successOpen, setSuccessOpen] = useState(false);
   const { addProduct } = useProducts();
-  const { user } = useAuth();
 
   const handleImageCapture = async (imageData: string) => {
     console.log('Image data length:', imageData.length);
@@ -38,7 +35,7 @@ const AddProductForm = () => {
       setQuantity(result.quantity.toString());
       setPotentialLabels(result.allLabels || []);
       setShowConfirmation(true);
-    } catch (error) {
+    } catch (error: unknown) {
       console.error('Error scanning product:', error);
       setError('Failed to identify the product. Please try again or enter the details manually.');
     } finally {
@@ -52,31 +49,10 @@ const AddProductForm = () => {
 
   const handleSubmit = async (e: React.FormEvent) => {
     e.preventDefault();
-    if (!user) {
-      setError('You must be logged in to add a product');
-      return;
-    }
-    setLoading(true);
-    setError(null);
-    try {
-      await addProduct({ name, quantity: parseInt(quantity, 10) });
-      console.log('Product added:', { name, quantity });
-      setName('');
-      setQuantity('');
-      setSuccessOpen(true);
-    } catch (error) {
-      console.error('Error in handleSubmit:', error);
-      setError('Failed to add product');
-    } finally {
-      setLoading(false);
-    }
-  };
-
-  const handleCloseSuccess = (event?: React.SyntheticEvent | Event, reason?: string) => {
-    if (reason === 'clickaway') {
-      return;
-    }
-    setSuccessOpen(false);
+    await addProduct({ name, quantity: parseInt(quantity, 10) });
+    setName('');
+    setQuantity('');
+    setPrediction(null);
   };
 
   return (
@@ -138,12 +114,6 @@ const AddProductForm = () => {
           </Button>
         </DialogActions>
       </Dialog>
-
-      <Snackbar open={successOpen} autoHideDuration={6000} onClose={handleCloseSuccess}>
-        <Alert onClose={handleCloseSuccess} severity="success" sx={{ width: '100%' }}>
-          Product added successfully!
-        </Alert>
-      </Snackbar>
     </Box>
   );
 };
diff --git a/components/AuthModal.tsx b/components/AuthModal.tsx
index 665a08f..2f6f03d 100644
--- a/components/AuthModal.tsx
+++ b/components/AuthModal.tsx
@@ -4,6 +4,7 @@ import { useAuth } from '../hooks/useAuth';
 import { auth } from '../utils/firebaseConfig';
 import { createUserWithEmailAndPassword, signInWithEmailAndPassword } from 'firebase/auth';
 import { useRouter } from 'next/router';
+import { FirebaseError } from 'firebase/app';
 
 interface AuthModalProps {
   buttonText?: string;
@@ -19,7 +20,7 @@ const AuthModal: React.FC<AuthModalProps> = ({ buttonText = "Sign In", fullWidth
   const { signIn, signUp } = useAuth();
   const router = useRouter();
 
-  const handleSubmit = async (e: React.FormEvent) => {
+  const handleSubmit = async (e: React.FormEvent<HTMLFormElement>) => {
     e.preventDefault();
     setError(null);
     try {
@@ -30,12 +31,22 @@ const AuthModal: React.FC<AuthModalProps> = ({ buttonText = "Sign In", fullWidth
       }
       setOpen(false);
       router.push('/'); // Redirect to the main page
-    } catch (error) {
+    } catch (error: unknown) {
       console.error('Authentication error:', error);
-      setError(error.message);
+      if (error instanceof Error) {
+        setError(error.message);
+      } else {
+        setError('An unexpected error occurred');
+      }
     }
   };
 
+  // Helper function to extract error message
+  const getErrorMessage = (error: unknown): string => {
+    if (error instanceof Error) return error.message;
+    return String(error);
+  };
+
   return (
     <>
       <Button 
diff --git a/components/Footer.tsx b/components/Footer.tsx
index c8b2e8f..894f589 100644
--- a/components/Footer.tsx
+++ b/components/Footer.tsx
@@ -1,4 +1,4 @@
-import { Box, Container, Typography, Link, Grid } from '@mui/material';
+import { Box, Container, Typography, Link, Grid, IconButton } from '@mui/material';
 import GitHubIcon from '@mui/icons-material/GitHub';
 import TwitterIcon from '@mui/icons-material/Twitter';
 import LinkedInIcon from '@mui/icons-material/LinkedIn';
@@ -16,37 +16,39 @@ const Footer = () => {
     >
       <Container maxWidth="lg">
         <Grid container spacing={4} justifyContent="space-between">
-          <Grid item xs={12} sm={6} md={3}>
-            <Typography variant="h6" color="text.primary" gutterBottom>
-              Pantry Manager
-            </Typography>
-            <Typography variant="body2" color="text.secondary">
-              Manage your pantry efficiently and effortlessly.
-            </Typography>
-          </Grid>
-          <Grid item xs={12} sm={6} md={3}>
-            <Typography variant="h6" color="text.primary" gutterBottom>
-              Quick Links
-            </Typography>
-            <Link href="/" color="inherit" display="block">Home</Link>
-            <Link href="/inventory" color="inherit" display="block">Inventory</Link>
-            <Link href="/add-product" color="inherit" display="block">Add Product</Link>
-          </Grid>
-          <Grid item xs={12} sm={6} md={3}>
-            <Typography variant="h6" color="text.primary" gutterBottom>
-              Legal
-            </Typography>
-            <Link href="/privacy" color="inherit" display="block">Privacy Policy</Link>
-            <Link href="/terms" color="inherit" display="block">Terms of Service</Link>
-          </Grid>
+          {/* Existing grid items */}
           <Grid item xs={12} sm={6} md={3}>
             <Typography variant="h6" color="text.primary" gutterBottom>
               Connect
             </Typography>
             <Box sx={{ display: 'flex', gap: 2 }}>
-              <GitHubIcon />
-              <TwitterIcon />
-              <LinkedInIcon />
+              <IconButton
+                component="a"
+                href="https://github.com/BurhanCantCode"
+                target="_blank"
+                rel="noopener noreferrer"
+                aria-label="GitHub"
+              >
+                <GitHubIcon />
+              </IconButton>
+              <IconButton
+                component="a"
+                href="www.linkedin.com/in/burhankhatri"
+                target="_blank"
+                rel="noopener noreferrer"
+                aria-label="LinkedIn"
+              >
+                <LinkedInIcon />
+              </IconButton>
+              <IconButton
+                component="a"
+                href="https://twitter.com/Burhan51712416"
+                target="_blank"
+                rel="noopener noreferrer"
+                aria-label="Twitter"
+              >
+                <TwitterIcon />
+              </IconButton>
             </Box>
           </Grid>
         </Grid>
diff --git a/components/ProductList.tsx b/components/ProductList.tsx
index 2803a72..8c055db 100644
--- a/components/ProductList.tsx
+++ b/components/ProductList.tsx
@@ -14,8 +14,8 @@ const Alert = React.forwardRef<HTMLDivElement, AlertProps>(function Alert(
   return <MuiAlert elevation={6} ref={ref} variant="filled" {...props} />;
 });
 
-const ProductList: React.FC = () => {
-  const { products, updateProduct, removeProduct } = useProducts();
+const ProductList: React.FC<{ products: Product[] }> = ({ products }) => {
+  const { updateProduct, removeProduct } = useProducts();
   const { user } = useAuth();
   const router = useRouter();
   const [successOpen, setSuccessOpen] = useState(false);
diff --git a/context/AuthContext.tsx b/context/AuthContext.tsx
index ea887c7..fc76c16 100644
--- a/context/AuthContext.tsx
+++ b/context/AuthContext.tsx
@@ -28,9 +28,9 @@ export const AuthProvider: React.FC<{ children: ReactNode }> = ({ children }) =>
   const signIn = async (email: string, password: string) => {
     try {
       await signInWithEmailAndPassword(auth, email, password);
-    } catch (error) {
+    } catch (error: unknown) {
       console.error('Sign in error:', error);
-      throw error;
+      throw error instanceof Error ? error : new Error('An unexpected error occurred');
     }
   };
 
@@ -39,9 +39,9 @@ export const AuthProvider: React.FC<{ children: ReactNode }> = ({ children }) =>
       const userCredential = await createUserWithEmailAndPassword(auth, email, password);
       setUser(userCredential.user);
       await incrementUserCount(); // Increment user count on successful sign-up
-    } catch (error) {
+    } catch (error: unknown) {
       console.error('Sign up error:', error);
-      throw error;
+      throw error instanceof Error ? error : new Error('An unexpected error occurred');
     }
   };
 
diff --git a/hooks/useProducts.ts b/hooks/useProducts.ts
index ab39425..16e47cd 100644
--- a/hooks/useProducts.ts
+++ b/hooks/useProducts.ts
@@ -19,9 +19,9 @@ export const useProducts = () => {
       const fetchedProducts = await getProducts(user.uid);
       setProducts(fetchedProducts);
       setLoading(false);
-    } catch (err) {
+    } catch (err: unknown) {
       console.error('Error fetching products:', err);
-      setError(`Failed to fetch products: ${err.message}`);
+      setError(`Failed to fetch products: ${err instanceof Error ? err.message : 'Unknown error'}`);
       setLoading(false);
     }
   }, [user]);
@@ -38,10 +38,10 @@ export const useProducts = () => {
     try {
       const newProduct = await addProductToFirebase(user.uid, product);
       setProducts(prevProducts => [...prevProducts, newProduct]);
-    } catch (err) {
+    } catch (err: unknown) {
       console.error('Error adding product:', err);
       setError('Failed to add product');
-      throw err;
+      throw err instanceof Error ? err : new Error('Failed to add product');
     }
   };
 
@@ -55,7 +55,7 @@ export const useProducts = () => {
       setProducts(prevProducts =>
         prevProducts.map(p => p.id === id ? { ...p, quantity } : p)
       );
-    } catch (err) {
+    } catch (err: unknown) {
       console.error('Error updating product:', err);
       setError('Failed to update product');
     }
@@ -69,7 +69,7 @@ export const useProducts = () => {
     try {
       await removeProductFromFirebase(user.uid, id);
       setProducts(prevProducts => prevProducts.filter(p => p.id !== id));
-    } catch (err) {
+    } catch (err: unknown) {
       console.error('Error removing product:', err);
       setError('Failed to remove product');
     }
diff --git a/next.config.js b/next.config.js
index 1ca8fb0..3792dd4 100644
--- a/next.config.js
+++ b/next.config.js
@@ -1,4 +1,5 @@
 const webpack = require('webpack');
+require('dotenv').config();
 
 /** @type {import('next').NextConfig} */
 const nextConfig = {
@@ -12,6 +13,14 @@ const nextConfig = {
     NEXT_PUBLIC_FIREBASE_MESSAGING_SENDER_ID: process.env.NEXT_PUBLIC_FIREBASE_MESSAGING_SENDER_ID,
     NEXT_PUBLIC_FIREBASE_APP_ID: process.env.NEXT_PUBLIC_FIREBASE_APP_ID,
     NEXT_PUBLIC_FIREBASE_MEASUREMENT_ID: process.env.NEXT_PUBLIC_FIREBASE_MEASUREMENT_ID,
+    CLIENT_ID: process.env.CLIENT_ID,
+    CLIENT_SECRET: process.env.CLIENT_SECRET,
+    API_KEY: process.env.API_KEY,
+    EMAIL: process.env.EMAIL,
+    UNIQUE_ID: process.env.UNIQUE_ID,
+    PROJECT_ID: process.env.PROJECT_ID,
+    PRIVATE_KEY_ID: process.env.PRIVATE_KEY_ID,
+    PRIVATE_KEY: process.env.PRIVATE_KEY,
   },
   webpack: (config, { dev, isServer }) => {
     if (!isServer) {
diff --git a/package-lock.json b/package-lock.json
index e148905..0234cae 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -14,6 +14,8 @@
                 "@google/generative-ai": "^0.16.0",
                 "@mui/icons-material": "^5.16.6",
                 "@mui/material": "^5.16.6",
+                "@vercel/analytics": "0.1.11",
+                "dotenv": "^16.4.5",
                 "firebase": "^9.23.0",
                 "framer-motion": "^11.3.19",
                 "next": "12.3.4",
@@ -2056,6 +2058,15 @@
                 "url": "https://opencollective.com/typescript-eslint"
             }
         },
+        "node_modules/@vercel/analytics": {
+            "version": "0.1.11",
+            "resolved": "https://registry.npmjs.org/@vercel/analytics/-/analytics-0.1.11.tgz",
+            "integrity": "sha512-mj5CPR02y0BRs1tN3oZcBNAX9a8NxsIUl9vElDPcqxnMfP0RbRc9fI9Ud7+QDg/1Izvt5uMumsr+6YsmVHcyuw==",
+            "license": "MPL-2.0",
+            "peerDependencies": {
+                "react": "^16.8||^17||^18"
+            }
+        },
         "node_modules/@webassemblyjs/ast": {
             "version": "1.12.1",
             "resolved": "https://registry.npmjs.org/@webassemblyjs/ast/-/ast-1.12.1.tgz",
@@ -3088,6 +3099,18 @@
                 "csstype": "^3.0.2"
             }
         },
+        "node_modules/dotenv": {
+            "version": "16.4.5",
+            "resolved": "https://registry.npmjs.org/dotenv/-/dotenv-16.4.5.tgz",
+            "integrity": "sha512-ZmdL2rui+eB2YwhsWzjInR8LldtZHGDoQ1ugH85ppHKwpUHL7j7rN0Ti9NCnGiQbhaZ11FpR+7ao1dNsmduNUg==",
+            "license": "BSD-2-Clause",
+            "engines": {
+                "node": ">=12"
+            },
+            "funding": {
+                "url": "https://dotenvx.com"
+            }
+        },
         "node_modules/duplexify": {
             "version": "4.1.3",
             "resolved": "https://registry.npmjs.org/duplexify/-/duplexify-4.1.3.tgz",
diff --git a/package.json b/package.json
index 5f0e2f9..20bd798 100644
--- a/package.json
+++ b/package.json
@@ -16,6 +16,8 @@
         "@google/generative-ai": "^0.16.0",
         "@mui/icons-material": "^5.16.6",
         "@mui/material": "^5.16.6",
+        "@vercel/analytics": "0.1.11",
+        "dotenv": "^16.4.5",
         "firebase": "^9.23.0",
         "framer-motion": "^11.3.19",
         "next": "12.3.4",
diff --git a/pages/_app.tsx b/pages/_app.tsx
index 304b8fe..6ae2841 100644
--- a/pages/_app.tsx
+++ b/pages/_app.tsx
@@ -7,6 +7,7 @@ import Layout from '../components/Layout';
 import { lightTheme, darkTheme } from '../styles/theme';
 import '../styles/globals.css';
 import { auth } from '../utils/firebaseConfig'; // Import auth
+import { Analytics } from '@vercel/analytics/react'
 
 function MyApp({ Component, pageProps }: AppProps) {
   const [isDarkMode, setIsDarkMode] = useState(false);
@@ -31,6 +32,7 @@ function MyApp({ Component, pageProps }: AppProps) {
         <Layout toggleTheme={toggleTheme} isDarkMode={isDarkMode}>
           <Component {...pageProps} />
         </Layout>
+        <Analytics />
       </ThemeProvider>
     </AuthProvider>
   );
diff --git a/pages/api/scanProduct.ts b/pages/api/scanProduct.ts
index 04def52..bf0a7fb 100644
--- a/pages/api/scanProduct.ts
+++ b/pages/api/scanProduct.ts
@@ -1,24 +1,14 @@
 import type { NextApiRequest, NextApiResponse } from 'next'
 import { scanProduct } from '../../utils/visionUtils';
-import path from 'path';
 
 export default async function handler(req: NextApiRequest, res: NextApiResponse) {
   if (req.method === 'POST') {
     try {
-      let credentialsPath = process.env.GOOGLE_APPLICATION_CREDENTIALS;
-      if (credentialsPath) {
-        credentialsPath = path.resolve(process.cwd(), credentialsPath);
-      }
-
       const { imageData } = req.body;
       console.log('Received image data length:', imageData.length);
-      console.log('Using credentials file:', credentialsPath);
       const result = await scanProduct(imageData);
       console.log('Scan result:', result);
-      res.status(200).json({
-        ...result,
-        allLabels: result.allLabels || []
-      });
+      res.status(200).json(result);
     } catch (error) {
       console.error('Error in scanProduct API:', error);
       res.status(500).json({ error: 'Failed to scan product' });
diff --git a/utils/firebaseUtils.ts b/utils/firebaseUtils.ts
index efc2099..4cfd881 100644
--- a/utils/firebaseUtils.ts
+++ b/utils/firebaseUtils.ts
@@ -12,9 +12,9 @@ export const getProducts = async (userId: string): Promise<Product[]> => {
     const q = query(collection(db, COLLECTION_NAME), where("userId", "==", userId));
     const querySnapshot = await getDocs(q);
     return querySnapshot.docs.map(doc => ({ id: doc.id, ...doc.data() } as Product));
-  } catch (error) {
+  } catch (error: unknown) {
     console.error('Error in getProducts:', error);
-    throw error;
+    throw error instanceof Error ? error : new Error('Failed to get products');
   }
 };
 
@@ -22,9 +22,9 @@ export const addProduct = async (userId: string, product: Omit<Product, 'id'>):
   try {
     const docRef = await addDoc(collection(db, COLLECTION_NAME), { ...product, userId });
     return { id: docRef.id, ...product };
-  } catch (error) {
+  } catch (error: unknown) {
     console.error('Error adding product:', error);
-    throw error;
+    throw error instanceof Error ? error : new Error('Failed to add product');
   }
 };
 
diff --git a/utils/geminiUtils.ts b/utils/geminiUtils.ts
index bf5de4f..9f49260 100644
--- a/utils/geminiUtils.ts
+++ b/utils/geminiUtils.ts
@@ -1,6 +1,6 @@
 import { GoogleGenerativeAI } from "@google/generative-ai";
 
-const genAI = new GoogleGenerativeAI(process.env.NEXT_PUBLIC_GEMINI_API_KEY!);
+const genAI = new GoogleGenerativeAI(process.env.API_KEY!);
 
 export const scanProduct = async (imageData: string): Promise<{ name: string; quantity: number }> => {
   try {
@@ -14,8 +14,8 @@ export const scanProduct = async (imageData: string): Promise<{ name: string; qu
     
     const parsedResult = JSON.parse(text);
     return { name: parsedResult.name, quantity: parsedResult.quantity };
-  } catch (error) {
+  } catch (error: unknown) {
     console.error('Error in scanProduct:', error);
-    throw error;
+    throw new Error(`Failed to scan product: ${error instanceof Error ? error.message : 'Unknown error'}`);
   }
 };
\ No newline at end of file
diff --git a/utils/visionUtils.ts b/utils/visionUtils.ts
index a32ee26..414f9e1 100644
--- a/utils/visionUtils.ts
+++ b/utils/visionUtils.ts
@@ -1,11 +1,18 @@
 import vision from '@google-cloud/vision';
-import path from 'path';
 
-const client = new vision.ImageAnnotatorClient({
-  keyFilename: process.env.GOOGLE_APPLICATION_CREDENTIALS 
-    ? path.resolve(process.cwd(), process.env.GOOGLE_APPLICATION_CREDENTIALS)
-    : undefined,
-});
+let client: vision.ImageAnnotatorClient;
+
+try {
+  const credentials = {
+    client_email: process.env.EMAIL,
+    private_key: process.env.PRIVATE_KEY.replace(/\\n/g, '\n'),
+  };
+  client = new vision.ImageAnnotatorClient({ credentials });
+} catch (error) {
+  console.error('Error parsing Google Cloud credentials:', error);
+  // Initialize with default credentials as a fallback
+  client = new vision.ImageAnnotatorClient();
+}
 
 export const scanProduct = async (imageData: string): Promise<{ name: string; quantity: number; allLabels: string[] }> => {
   try {
@@ -23,26 +30,34 @@ export const scanProduct = async (imageData: string): Promise<{ name: string; qu
     
     // Filter out generic labels
     const specificLabels = labels.filter(label => 
-      !['Food', 'Produce', 'Natural foods', 'Fruit', 'Vegetable'].includes(label.description)
+      label.description && !['Food', 'Produce', 'Natural foods', 'Fruit', 'Vegetable'].includes(label.description)
     );
 
     if (specificLabels.length > 0) {
       // Use the most confident specific label
-      const productName = specificLabels[0].description;
+      const productName = specificLabels[0].description || 'Unknown Product';
       
       // Log all labels for debugging
       console.log('All labels:', labels.map(l => `${l.description} (${l.score})`).join(', '));
       
-      return { name: productName, quantity: 1, allLabels: labels.map(label => label.description || '').filter(Boolean) };
+      return { 
+        name: productName, 
+        quantity: 1, 
+        allLabels: labels.map(label => label.description || '').filter(Boolean) 
+      };
     } else if (labels.length > 0) {
       // If no specific labels, use the most confident general label
-      const productName = labels[0].description;
-      return { name: productName, quantity: 1, allLabels: labels.map(label => label.description || '').filter(Boolean) };
+      const productName = labels[0].description || 'Unknown Product';
+      return { 
+        name: productName, 
+        quantity: 1, 
+        allLabels: labels.map(label => label.description || '').filter(Boolean) 
+      };
     } else {
       throw new Error('No labels detected in the image');
     }
-  } catch (error) {
+  } catch (error: unknown) {
     console.error('Error in scanProduct:', error);
-    throw new Error(`Failed to scan product: ${error.message}`);
+    throw new Error(`Failed to scan product: ${error instanceof Error ? error.message : 'Unknown error'}`);
   }
 };
\ No newline at end of file