Built using Next js with Typescript and Tailwind css
NOTE: After clicking on the city name, wait for 5 to 7 seconds to get the weather details. Geonames API is limited so we can't add feature like infinite scrolling after fetching 100 city names from the Geonames database. If the weather details is not showing in the screen, then the name of the city is wrong or not available in the weather api database. Once the Weather details is fetched just refresh the page to get another city weaather details
https://infinite-scroll-weather-app-juxc23.vercel.app/
include-2024-04-11_18.34.05.mp4
Screenrecorder-2024-04-11-18-37-15-787.mp4
To deploy this project on your local machine, make sure to download the code.
npm run dev
Use this command to test whether the code is working are not
npm run build
Use this command when the site is ready for the production
Email at projectwithdivin@gmail.com .