Skip to content

codewithbk/Weather-App

Folders and files

NameName
Last commit message
Last commit date

Latest commit

Β 

History

2 Commits
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 

Repository files navigation

Weather-App

It's is a very simple java Script Weather app

Resources

How To Run

  • Create A Account openweathermap Screenshot of Create Account

  • Now Go to Api page to get your Api openweathermap Screenshot of How to get Api key

  • Now you see Your api key openweathermap Screenshot of How to get Api key

  • Now you have api key 😍😍 Screenshot of Congratulation

  • It time to insert the api key into your project πŸ€”πŸ€¨ (I use this api key two time in project)

    • First in api.js (/js/api.js) Screenshot of how to add api in api.js
    • Second in searchp.js (/js/searchp.js) Screenshot of how to add api in searchp.js
  • Hey Congratulation All thing is set πŸ˜‰πŸ˜Š

  • Launch the site using vs Code Screenshot of Launch the site

    Pleases install live server in vs code

    Other wise you simple click or open the index.html in browser πŸ˜€
  • Now your weather website running !!

    Screenshot of website

What is Feature of website

  • Show your current location weather Screenshot of current location weather
  • You also search for weather of different cites or country Screenshot of search for weather of different cites or country

Issues πŸ™„πŸ˜›πŸ€ (Hey but i fix in future 😁)

  • It is Unresponsive max pixel support = 1000px in width
  • I use two time same code in api.js and searchp.js to fetch api
  • ......πŸ€”

Weather app online πŸ€‘πŸ€‘

It also available on online Click here to see.

Don't open in phone `(*>﹏<*)β€²

But if you open in phone use desktop mode ~(οΏ£β–½οΏ£)~*

About

It's is a simple Weather App that I create in Java Script

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published