https://github.com/zabavb/my-weather-app

My Weather App is a simple web application built with jQuery that retrieves real-time weather data using Ajax requests from the OpenWeatherAPI. The app allows users to search for current weather conditions by city name and get live updates on temperature, humidity, and other weather details.
https://github.com/zabavb/my-weather-app

ajax ajax-request css3 front-end frontend html-css-javascript html5 java-script javascript javascript-applications jquery jquery-ajax js visual-studio-code weather-app weather-forecast web web-development webapp website

Last synced: 6 days ago
JSON representation

My Weather App is a simple web application built with jQuery that retrieves real-time weather data using Ajax requests from the OpenWeatherAPI. The app allows users to search for current weather conditions by city name and get live updates on temperature, humidity, and other weather details.

• Host: GitHub
• URL: https://github.com/zabavb/my-weather-app
• Owner: zabavb
• License: mit
• Created: 2024-09-07T19:16:43.000Z (about 2 months ago)
• Default Branch: main
• Last Pushed: 2024-09-07T19:35:16.000Z (about 2 months ago)
• Last Synced: 2024-10-10T13:07:28.499Z (27 days ago)
• Topics: ajax, ajax-request, css3, front-end, frontend, html-css-javascript, html5, java-script, javascript, javascript-applications, jquery, jquery-ajax, js, visual-studio-code, weather-app, weather-forecast, web, web-development, webapp, website
• Language: HTML
• Homepage:
• Size: 7.81 KB
• Stars: 1
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        


  



My Weather App


Project Overview

My Weather App is a simple web application built with jQuery that retrieves real-time weather data using Ajax requests from the OpenWeatherAPI. The app allows users to search for current weather conditions by city name and get live updates on temperature, humidity, and other weather details.


Project Details



  


Languages: 

    

      

    

    

      

    

    

      

    

    

      

    

  

  


API: 

    

      

    

  

  


Technologies: 

    

      

    

  

  


IDE: 

    

      

    

  



Development Details

This project was developed as a homework assignment from IT Step Academy on learning how to integrate APIs into web applications using jQuery, AJAX, and other technologies. The project was completed exclusively by me.


Note

The apiKey variable, located on line 21 in the script.js file, must be filled with your own API key from OpenWeatherAPI, as I have removed it for security reasons.


Getting Started



  
Clone the repository:

    
git clone https://github.com/zabavb/My-weather-app.git

  

  
Get your API key from OpenWeatherAPI.

  
Replace the placeholder API key in the JavaScript file:

    
let apiKey = 'your_api_key'

  

  
Open index.html in your browser to start using the app.



Features



  


City Weather Search: Users can search by city to get the current weather data.

  


Real-Time Weather Data: Displays temperature, humidity, and weather conditions retrieved from OpenWeatherAPI.

  


AJAX Requests: The app fetches data asynchronously using jQuery’s $.ajax() method for smooth user experience.



Usage

To use the app, enter a city name in the search bar, and the application will display the current weather for that city, including temperature, weather description, and more. Ensure you replace the placeholder API key with your valid OpenWeatherAPI key.


Contributing

Contributions are welcome! If you have any suggestions or improvements, feel free to fork the repository and submit a pull request.



  
Fork the Repository: Click the "Fork" button at the top-right of this page.

  
Create a Branch: Create a new branch for your changes.

  
Commit Changes: Make your changes and commit them with a descriptive message.

  
Push to Your Fork: Push your changes to your forked repository.

  
Submit a Pull Request: Go to the "Pull Requests" tab and submit a new pull request.



Contact

If you have any questions or suggestions, feel free to reach out to me via email or connect with me on LinkedIn.


References



  
jQuery Documentation

  
OpenWeatherAPI Documentation

  
Ajax/Fetch API Documentation



Acknowledgements



  
Thanks to OpenWeatherAPI for providing access to their weather data.

  
Gratitude to the IT Step Computer Academy for their support in developing this project.

  
Gratitude to the open-source community for their contributions to jQuery and other libraries.





Feel free to modify or extend this README to fit your needs better. Happy coding!