Merge branch 'develop' of https://github.com/vectornguyen76/search-en…

…gine-shopee into develop

backend/src/text_search/router.py

@@ -12,3 +12,14 @@ async def search(query: str, size: int, jwt_data: JWTData = Depends(parse_jwt_de
     result = await service.text_search(user_id=jwt_data.user_id, query=query, size=size)
 
     return result
+
+
+@router.get("/auto-complete", response_model=list[SearchResponse])
+async def auto_complete(
+    query: str, size: int, jwt_data: JWTData = Depends(parse_jwt_demo)
+):
+    result = await service.auto_complete(
+        user_id=jwt_data.user_id, query=query, size=size
+    )
+
+    return result

backend/src/text_search/service.py

@@ -35,3 +35,22 @@ async def text_search(user_id: int, query: str, size: int) -> dict[str, Any] | N
                 )
         except Exception as e:
             LOGGER.error(f"An error occurred: {str(e)}")
+
+
+async def auto_complete(user_id: int, query: str, size: int) -> dict[str, Any] | None:
+    async with httpx.AsyncClient() as client:
+        try:
+            response = await client.get(
+                f"{settings.TEXT_SEARCH_URL}/auto-complete-search?query={query}&size={size}"
+            )
+
+            if response.status_code == 200:
+                search_results = response.json()
+
+                return search_results
+            else:
+                LOGGER.error(
+                    f"Failed to call the API. Status code: {response.status_code} - {response.text}"
+                )
+        except Exception as e:
+            LOGGER.error(f"An error occurred: {str(e)}")

frontend/package.json

@@ -19,7 +19,8 @@
     "react-dom": "18.2.0",
     "react-icons": "^4.10.1",
     "sharp": "^0.32.6",
-    "typescript": "5.1.6"
+    "typescript": "5.1.6",
+    "use-debounce": "^10.0.0"
   },
   "devDependencies": {
     "autoprefixer": "10.4.15",

frontend/src/app/layout.tsx

@@ -7,7 +7,7 @@ import { Inter } from "next/font/google";
 const inter = Inter({ subsets: ["latin"] });
 
 export const metadata: Metadata = {
-  title: "Search Engine on Shopee",
+  title: "Search Engine",
   description:
     "Search Engine on Shopee apply full text search, semantic search and image search.",
 };