Getting Started on a Next.js weather app project

First your Next Project dependencies ; Next package,Tailwindcss, Axios(if you csn get it to work),autoprefixer,eslint.

Then, run the development server:

npm run dev
# or
yarn dev

Then open [http://localhost:3000] with your browser to see the result.
Start editing the page by modifying `pages/index.js`. The page auto-updates as you edit the file.

Notes

• I was trying to use the Axios protocol to access my API but ended up using the Fetch standard to access my API.

• The city is the first prompt so regardless of your country .... you can search for only the vity (and if you want to know the weather condition of a whole nation go ahead)

• Weather API provider : https://openweathermap.org/

• Slideshow Resources; https://nextjs.org/docs/basic-features/image-optimization#local-images

https://www.w3schools.com/cssref/css3_pr_background-size.php

• All images were downloaded on https://lexica.art

Learn More

To learn more about Next.js, take a look at the following resources:

• Next.js Documentation - learn about Next.js features and API.
• Learn Next.js - an interactive Next.js tutorial.