Skip to content

Simple weather app displaying the temperature of any requested city through the open weather API. Built with HTML, CSS, and JS.

Notifications You must be signed in to change notification settings

marcode95/weather-app

Repository files navigation

Weather App

A simple desktop&tablet-app for checking the weather implemented through HTML5, CSS3, Javascript and the usage of the openweather-api. Users can look up the current temperature in their city of choice and switch between Celsius and Fahrenheit. An error message will pop up if the city is not found. The background and weather logo will change depending on the predominant weather.

screenshot of main page

Live Version

https://elastic-bhabha-68ab06.netlify.app/


Content

About   |    Installations   |    Usage   |    App   |    Built With   |    Author

About

This project was a task by Microverse Inc. to build a weather app inluding the usage of an api.

🔧 Built with

  • HTML5
  • CSS3
  • Vanilla Javascript
  • Webpack

Usage

To use the code in this repository, follow the steps in this section:

🔨 Prerequisites

You should have the following packages installed on your computer inorder to run the code contained herein.

  • Node JS
  • npm and npx

🔨 Setup

First get a copy of the project on your computer:

🛠 Installing

Once you have a local copy of the entire project on your computer, If you don't meet the above prerequisites, then:

App

With the installations above complete, you are set to use the code and view the application built in this repository. Follow these simple steps:

  • Change directory into the directory where you cloned the repository. Forexample vanheaven@vanheaven-VirtualBox:~/Microverse-projects$ cd weather-app.
  • Open the index.html file using your browser

✒️ Authors

👤 Marco Erhardt

🤝 Contributing

Contributions, issues and feature requests are welcome!

To contribute to the code base, follow the steps below:

  1. Fork this repository to your remote respository by clicking the Fork button in this repository.
  2. Clone this repository to a directory on your computer by following Github guidelines.
  3. Change directory into the directory where you cloned this repository to.
  4. Open the directory using your favorite editor.
  5. Create a feature branch off the develop branch.
  6. Make and commit the nuanced code.
  7. Open a pull request describing the improvements made And your reward awaits in heaven.

👍 Show your support

Give a ⭐️ if you like this project!

👏 Acknowledgements

About

Simple weather app displaying the temperature of any requested city through the open weather API. Built with HTML, CSS, and JS.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published