PhillipUg / weather-app

A weather app that pulls from the OpenWeatherMap API to allow users to search for and view the forecast in cities worldwide. Built with JavaScript.

Home Page:https://phillipug.github.io/weather-app/

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Project: Weather App

In this project, as a way of practicing using Promises in making API requests, i developed a simple weather app using JavaScript, HTML & CSS!

Contributors Forks Stargazers Issues


Logo

Weather App

View Demo · Report Bug · Request Feature

Table of Contents



About The Project

This project's purpose is to practice Javascript concepts like Promises, Async/Await, Dom Manipulation, modularization among others.

  • On first load, the app requests for the user's current location, if permission is granted. The app will diplay the weather at the user's geolocation.

  • User is able to search for the weather of any city in the world by typing the city name i the search bar and pressing enter or the search button.

  • User is able to toggle between showing temperature in either Celsius or Fahrenheit units.

Product Name Screen Shot

Local Usage

To use this app locally, this is what you need to:

  • Download or clone this repo:
    • Clone with SSH:
      git@github.com:PhillipUg/weather-app.git
    
    • Clone with HTTPS
      https://github.com/PhillipUg/weather-app.git
    
  • cd into the downloaded folder and run npm install
  • then, run npm run start.

Built With

This project was built using these technologies.

  • HTML
  • CSS
  • JavaScript
  • Webpack
  • Chrome Dev Tools

Live Version

To try it live click here

Contact

👤 Phillip Musiime

Acknowledgements

📝 License

This project is MIT licensed.

About

A weather app that pulls from the OpenWeatherMap API to allow users to search for and view the forecast in cities worldwide. Built with JavaScript.

https://phillipug.github.io/weather-app/


Languages

Language:JavaScript 100.0%