https://github.com/richllew182/weather-dashboard

Module 8 Challenge for EDX Bootcamp
https://github.com/richllew182/weather-dashboard

Last synced: about 2 months ago
JSON representation

Module 8 Challenge for EDX Bootcamp

• Host: GitHub
• URL: https://github.com/richllew182/weather-dashboard
• Owner: RichLlew182
• License: mit
• Created: 2024-01-12T18:25:07.000Z (12 months ago)
• Default Branch: main
• Last Pushed: 2024-01-24T17:17:57.000Z (11 months ago)
• Last Synced: 2024-01-24T18:42:36.420Z (11 months ago)
• Language: CSS
• Size: 177 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
# Weather Dashboard

Module 8 Challenge for EDX Bootcamp

  Table of Contents

  


    


      Description

      


        
Built With

      

    

    


        Installation

    

    
Usage

    
License

    
Contact

    
Acknowledgments

  


## Description



    

  




 
This was the 8th homework challenge for the EDX Bootcamp in Front End Development.
 


   
Our task was to build a weather dashboard that runs in the browser and features dynamically updated HTML and CSS. The app retrieves data based on user input from the 5 day weather forecast API from OpenWeather, and then renders it to the page as a 5 day forecast.

 


### Built With

* ![HTML](https://img.shields.io/badge/HTML-239120?style=for-the-badge&logo=html5&logoColor=white)

* ![JavaScript](https://img.shields.io/badge/JavaScript-323330?style=for-the-badge&logo=javascript&logoColor=F7DF1E)

* ![CSS](https://img.shields.io/badge/CSS-239120?&style=for-the-badge&logo=css3&logoColor=white)

* ![Bootstrap](https://img.shields.io/badge/bootstrap-%238511FA.svg?style=for-the-badge&logo=bootstrap&logoColor=white)

* ![JQUERY](https://img.shields.io/badge/jQuery-0769AD?style=for-the-badge&logo=jquery&logoColor=white)

## Installation

N/A

## Usage

To use this project, please open the website in Chrome or any other web browser. 

At the top left of the page you should see a search input with City Name suggestions. You can type in a city from any country in the world and click the search button.

You will be presented with today's weather at the top of the page, plus a 4 day forecast below this main element.

Your city will also be added to the history tab on the left, and can be clicked again to re-generate the results. This history tab can be cleared by going to the Application tab in dev tools, and then Local Storage > file, and then by either clicking the No Entry icon to clear or by right clicking and deleting the key/values.

## License

Distributed under the MIT License. See `LICENSE.txt` for more information.

## Contact

Richard Llewellyn - [email protected] 

Project Link: [https://richllew182.github.io/weather-dashboard/](https://richllew182.github.io/weather-dashboard/)

Project Repo Link: [hhttps://github.com/RichLlew182/weather-dashboard](https://github.com/RichLlew182/weather-dashboard)

## Acknowledgments

* [OpenWeather](https://openweathermap.org/forecast5)

* [Jquery](https://api.jquery.com/)

* [Bootstrap](https://getbootstrap.com/docs/5.3/getting-started/introduction/)

* [Img Shields](https://shields.io)

* [Best README Template](https://github.com/othneildrew/Best-README-Template)