{"id":15107477,"url":"https://github.com/zabavb/my-weather-app","last_synced_at":"2025-04-05T13:42:08.025Z","repository":{"id":255914073,"uuid":"853873858","full_name":"zabavb/My-weather-app","owner":"zabavb","description":"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.","archived":false,"fork":false,"pushed_at":"2024-09-07T19:35:16.000Z","size":8,"stargazers_count":1,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-02-11T09:49:20.740Z","etag":null,"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"],"latest_commit_sha":null,"homepage":"","language":"HTML","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/zabavb.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2024-09-07T19:16:43.000Z","updated_at":"2024-12-10T06:07:40.000Z","dependencies_parsed_at":"2024-09-07T20:55:35.777Z","dependency_job_id":null,"html_url":"https://github.com/zabavb/My-weather-app","commit_stats":null,"previous_names":["zabavb/my-weather-app"],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/zabavb%2FMy-weather-app","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/zabavb%2FMy-weather-app/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/zabavb%2FMy-weather-app/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/zabavb%2FMy-weather-app/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/zabavb","download_url":"https://codeload.github.com/zabavb/My-weather-app/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":247345713,"owners_count":20924098,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["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"],"created_at":"2024-09-25T21:24:52.326Z","updated_at":"2025-04-05T13:42:07.996Z","avatar_url":"https://github.com/zabavb.png","language":"HTML","funding_links":[],"categories":[],"sub_categories":[],"readme":"\u003cp align=\"center\"\u003e\n  \u003cimg src=\"https://img.icons8.com/external-tal-revivo-color-tal-revivo/100/external-jquery-is-a-javascript-library-designed-to-simplify-html-logo-color-tal-revivo.png\" alt=\"Weather App Logo\" width=\"120\" height=\"120\"\u003e\n\u003c/p\u003e\n\n\u003ch1 align=\"center\"\u003eMy Weather App\u003c/h1\u003e\n\n\u003ch2\u003eProject Overview\u003c/h2\u003e\n\u003cp\u003e\u003cstrong\u003eMy Weather App\u003c/strong\u003e is a simple web application built with \u003cstrong\u003ejQuery\u003c/strong\u003e that retrieves real-time weather data using \u003cstrong\u003eAjax\u003c/strong\u003e requests from the \u003ca href=\"https://openweathermap.org/api\" target=\"_blank\"\u003eOpenWeatherAPI\u003c/a\u003e. The app allows users to search for current weather conditions by city name and get live updates on temperature, humidity, and other weather details.\u003c/p\u003e\n\n\u003ch2\u003eProject Details\u003c/h2\u003e\n\u003cul\u003e\n  \u003cli\u003e\u003cstrong\u003eLanguages:\u003c/strong\u003e \n    \u003ca href=\"https://developer.mozilla.org/en-US/docs/Web/JavaScript\" target=\"_blank\"\u003e\n      \u003cimg src=\"https://img.shields.io/badge/JavaScript-F7DF1E?style=flat\u0026logo=javascript\u0026logoColor=white\" alt=\"JavaScript\"\u003e\n    \u003c/a\u003e\n    \u003ca href=\"https://jquery.com/\" target=\"_blank\"\u003e\n      \u003cimg src=\"https://img.shields.io/badge/jQuery-0769AD?style=flat\u0026logo=jquery\u0026logoColor=white\" alt=\"jQuery\"\u003e\n    \u003c/a\u003e\n    \u003ca href=\"https://developer.mozilla.org/en-US/docs/Web/HTML\" target=\"_blank\"\u003e\n      \u003cimg src=\"https://img.shields.io/badge/HTML-E34F26?style=flat\u0026logo=html5\u0026logoColor=white\" alt=\"HTML\"\u003e\n    \u003c/a\u003e\n    \u003ca href=\"https://developer.mozilla.org/en-US/docs/Web/CSS\" target=\"_blank\"\u003e\n      \u003cimg src=\"https://img.shields.io/badge/CSS-1572B6?style=flat\u0026logo=css3\u0026logoColor=white\" alt=\"CSS\"\u003e\n    \u003c/a\u003e\n  \u003c/li\u003e\n  \u003cli\u003e\u003cstrong\u003eAPI:\u003c/strong\u003e \n    \u003ca href=\"https://openweathermap.org/api\" target=\"_blank\"\u003e\n      \u003cimg src=\"https://img.shields.io/badge/OpenWeatherAPI-FF6F00?style=flat\u0026logo=cloud\u0026logoColor=white\" alt=\"OpenWeatherAPI\"\u003e\n    \u003c/a\u003e\n  \u003c/li\u003e\n  \u003cli\u003e\u003cstrong\u003eTechnologies:\u003c/strong\u003e \n    \u003ca href=\"https://developer.mozilla.org/en-US/docs/Web/API/Fetch_API\" target=\"_blank\"\u003e\n      \u003cimg src=\"https://img.shields.io/badge/Ajax-5C2D91?style=flat\u0026logo=html5\u0026logoColor=white\" alt=\"Ajax\"\u003e\n    \u003c/a\u003e\n  \u003c/li\u003e\n  \u003cli\u003e\u003cstrong\u003eIDE:\u003c/strong\u003e \n    \u003ca href=\"https://code.visualstudio.com/\" target=\"_blank\"\u003e\n      \u003cimg src=\"https://img.shields.io/badge/VS%20Code-007ACC?style=flat\u0026logo=visual-studio-code\u0026logoColor=white\" alt=\"VS Code\"\u003e\n    \u003c/a\u003e\n  \u003c/li\u003e\n\u003c/ul\u003e\n\n\u003ch2\u003eDevelopment Details\u003c/h2\u003e\n\u003cp\u003eThis 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.\u003c/p\u003e\n\n\u003ch2\u003eNote\u003c/h2\u003e\n\u003cp\u003eThe \u003ccode\u003eapiKey\u003c/code\u003e variable, located on line 21 in the \u003ccode\u003escript.js\u003c/code\u003e file, must be filled with your own API key from OpenWeatherAPI, as I have removed it for security reasons.\u003c/p\u003e\n\n\u003ch2\u003eGetting Started\u003c/h2\u003e\n\u003col\u003e\n  \u003cli\u003eClone the repository:\n    \u003cpre\u003e\u003ccode\u003egit clone https://github.com/zabavb/My-weather-app.git\u003c/code\u003e\u003c/pre\u003e\n  \u003c/li\u003e\n  \u003cli\u003eGet your API key from \u003ca href=\"https://home.openweathermap.org/users/sign_up\" target=\"_blank\"\u003eOpenWeatherAPI\u003c/a\u003e.\u003c/li\u003e\n  \u003cli\u003eReplace the placeholder API key in the JavaScript file:\n    \u003cpre\u003e\u003ccode\u003elet apiKey = 'your_api_key'\u003c/code\u003e\u003c/pre\u003e\n  \u003c/li\u003e\n  \u003cli\u003eOpen \u003ccode\u003eindex.html\u003c/code\u003e in your browser to start using the app.\u003c/li\u003e\n\u003c/ol\u003e\n\n\u003ch2\u003eFeatures\u003c/h2\u003e\n\u003cul\u003e\n  \u003cli\u003e\u003cstrong\u003eCity Weather Search:\u003c/strong\u003e Users can search by city to get the current weather data.\u003c/li\u003e\n  \u003cli\u003e\u003cstrong\u003eReal-Time Weather Data:\u003c/strong\u003e Displays temperature, humidity, and weather conditions retrieved from OpenWeatherAPI.\u003c/li\u003e\n  \u003cli\u003e\u003cstrong\u003eAJAX Requests:\u003c/strong\u003e The app fetches data asynchronously using jQuery’s \u003ccode\u003e$.ajax()\u003c/code\u003e method for smooth user experience.\u003c/li\u003e\n\u003c/ul\u003e\n\n\u003ch2\u003eUsage\u003c/h2\u003e\n\u003cp\u003eTo 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.\u003c/p\u003e\n\n\u003ch2\u003eContributing\u003c/h2\u003e\n\u003cp\u003eContributions are welcome! If you have any suggestions or improvements, feel free to fork the repository and submit a pull request.\u003c/p\u003e\n\u003col\u003e\n  \u003cli\u003eFork the Repository: Click the \"Fork\" button at the top-right of this page.\u003c/li\u003e\n  \u003cli\u003eCreate a Branch: Create a new branch for your changes.\u003c/li\u003e\n  \u003cli\u003eCommit Changes: Make your changes and commit them with a descriptive message.\u003c/li\u003e\n  \u003cli\u003ePush to Your Fork: Push your changes to your forked repository.\u003c/li\u003e\n  \u003cli\u003eSubmit a Pull Request: Go to the \"Pull Requests\" tab and submit a new pull request.\u003c/li\u003e\n\u003c/ol\u003e\n\n\u003ch2\u003eContact\u003c/h2\u003e\n\u003cp\u003eIf you have any questions or suggestions, feel free to reach out to me via \u003ca href=\"mailto:bilonizkavik@agmail.com\"\u003eemail\u003c/a\u003e or connect with me on \u003ca href=\"https://www.linkedin.com/in/viktor-bilonizhka\" target=\"_blank\"\u003eLinkedIn\u003c/a\u003e.\u003c/p\u003e\n\n\u003ch2\u003eReferences\u003c/h2\u003e\n\u003cul\u003e\n  \u003cli\u003e\u003ca href=\"https://jquery.com/\" target=\"_blank\"\u003ejQuery Documentation\u003c/a\u003e\u003c/li\u003e\n  \u003cli\u003e\u003ca href=\"https://openweathermap.org/api\" target=\"_blank\"\u003eOpenWeatherAPI Documentation\u003c/a\u003e\u003c/li\u003e\n  \u003cli\u003e\u003ca href=\"https://developer.mozilla.org/en-US/docs/Web/API/Fetch_API\" target=\"_blank\"\u003eAjax/Fetch API Documentation\u003c/a\u003e\u003c/li\u003e\n\u003c/ul\u003e\n\n\u003ch2\u003eAcknowledgements\u003c/h2\u003e\n\u003cul\u003e\n  \u003cli\u003eThanks to OpenWeatherAPI for providing access to their weather data.\u003c/li\u003e\n  \u003cli\u003eGratitude to the IT Step Computer Academy for their support in developing this project.\u003c/li\u003e\n  \u003cli\u003eGratitude to the open-source community for their contributions to jQuery and other libraries.\u003c/li\u003e\n\u003c/ul\u003e\n\n\u003chr\u003e\n\n\u003cp align=\"center\"\u003eFeel free to modify or extend this README to fit your needs better. Happy coding!\u003c/p\u003e\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fzabavb%2Fmy-weather-app","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fzabavb%2Fmy-weather-app","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fzabavb%2Fmy-weather-app/lists"}