webx-divin / weather-app-web

Built using Typescript, React js, Tailwind CSS and Weather API

Infinite Scroll Weather Application

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

Live site URL

https://infinite-scroll-weather-app-juxc23.vercel.app/

Demo Video

Desktop Demo Video

include-2024-04-11_18.34.05.mp4

Mobile Demo Video

Screenrecorder-2024-04-11-18-37-15-787.mp4

Deployment

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

License

For queries

Email at [email protected] .