Design the search bar to find the city

[usamazansari]

• Use Mantine combobox for the search component
• Search should be debounced
• Search should be triggered only if three or more characters are entered in the search box

[usamazansari]

Probably an error in the API Key for:

Request

curl 'https://api.openweathermap.org/data/3.0/onecall?q=Lond&appid=79dc7507f729c09e754a33a204608b7e' \
-H 'Accept: */*' \
-H 'Accept-Language: en-US,en;q=0.9' \
-H 'Connection: keep-alive' \
-H 'Origin: http://localhost:4321' \
-H 'Referer: http://localhost:4321/' \
-H 'Sec-Fetch-Dest: empty' \
-H 'Sec-Fetch-Mode: cors' \
-H 'Sec-Fetch-Site: cross-site' \
-H 'User-Agent: Mozilla/5.0 (X11; Linux x86_64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/120.0.0.0 Safari/537.36 Edg/120.0.0.0' \
-H 'sec-ch-ua: "Not_A Brand";v="8", "Chromium";v="120", "Microsoft Edge";v="120"' \
-H 'sec-ch-ua-mobile: ?0' \
-H 'sec-ch-ua-platform: "Linux"' \
--compressed

Response

{
"cod": 401,
"message": "Please note that using One Call 3.0 requires a separate subscription to the One Call by Call plan. Learn more here https://openweathermap.org/price. If you have a valid subscription to the One Call by Call plan, but still receive this error, then please see https://openweathermap.org/faq#error401 for more info."
}

[usamazansari]

Probably the Geocoding API is not available in the free plan: https://openweathermap.org/faq#error401