Build a weather forecast site using the weather API.
- Set up a blank HTML document with the appropriate links to your JavaScript and CSS files.
- Write the functions that hit the API. You’re going to want functions that can take a location and return the weather data for that location. For now, just console.log() the information.
- Write the functions that process the JSON data you’re getting from the API and return an object with only the data you require for your app.
- Set up a simple form that will let users input their location and will fetch the weather info (still just console.log() it).
- Display the information on your webpage!
- Add any styling you like!
- Optional: add a ‘loading’ component that displays from the time the form is submitted until the information comes back from the API.
- HTML5
- CSS
- Bootstrap
- Javascript ES6
- webpack
- API
To get a local copy up and running follow these steps:
- Chrome
- Javascript enabled
- Fork/Clone this project to your local machine with the command
git clone https://github.com/tGodson/Weather_app.git. - Open folder in your local enviroment.
- Double click on index.html file which is in the dist folder to view the site on your brouwser.
- To view in IDE just open project folder in your prefered IDE
👤 Tendongze Godson
- Github: tGodson
- Twitter: @tendongze95
- Linkedin: linkedin
Contributions and feature requests are welcome!
Start by:
- Forking the project
- Clone the project to your local machine by running
git clone https://github.com/tGodson/Weather_app.git cdinto the project directory- Run
git checkout -b your-branch-name - Make your contributions
- Push your branch up to your forked repository
- Open a Pull Request with a detailed description to the development(or master if not available) branch of the original project for a review
Give a ⭐️ if you like this project!