diff --git a/frontend/src/screens/HomeScreen.js b/frontend/src/screens/HomeScreen.js
index 9cd3751a..f86fd74b 100644
--- a/frontend/src/screens/HomeScreen.js
+++ b/frontend/src/screens/HomeScreen.js
@@ -16,7 +16,11 @@ import { useState, useEffect } from 'react';
 
 
 const HomeScreen = ({ match }) => {
-  const keyword = match.params.keyword
+
+  const [selectedCategory, setSelectedCategory] = useState('');
+  const keyword = match.params.keyword;
+
+  const pageNumber = match.params.pageNumber || 1;
 
   const dispatch = useDispatch();
 
@@ -27,10 +31,21 @@ const HomeScreen = ({ match }) => {
   const userdata = user;
 
   useEffect(() => {
-    dispatch(listProducts(keyword, pageNumber))
-  }, [dispatch, keyword, pageNumber])
+    dispatch(listProducts(keyword, pageNumber));
+  }, [dispatch, keyword, pageNumber]);
+
+  const addToCartHandler = () => {
+    
+  }
+
+  if (loading) return <Loader />;
+
+  if (error) return <Message variant="danger">{error}</Message>;
+
+  const handleChange = (event) =>{
+    setSelectedCategory(event.target.value) //helps for drop down stuff
+  }
 
-  if(loading) return <Loader/>  
 
   const categories = [...new Set(products.map((product) => product.category))];
 
@@ -88,4 +103,4 @@ const HomeScreen = ({ match }) => {
   );
 };
 
-export default HomeScreen
+export default HomeScreen;
\ No newline at end of file