{"id":15041466,"url":"https://github.com/teekaytech/weather-app","last_synced_at":"2026-01-07T11:14:04.887Z","repository":{"id":51528880,"uuid":"297586276","full_name":"teekaytech/Weather-App","owner":"teekaytech","description":"A weather app that fetches from the OpenWeatherMap API to allow users to search for and view the forecast in cities worldwide. Built with JavaScript \u0026 Webpack.","archived":false,"fork":false,"pushed_at":"2021-05-10T16:35:26.000Z","size":4814,"stargazers_count":3,"open_issues_count":0,"forks_count":0,"subscribers_count":2,"default_branch":"development","last_synced_at":"2025-02-01T14:45:07.617Z","etag":null,"topics":["es6","javascript","netlify-deployment","sass-framework","webpack"],"latest_commit_sha":null,"homepage":"https://wappjs.netlify.app/","language":"JavaScript","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/teekaytech.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}},"created_at":"2020-09-22T08:34:42.000Z","updated_at":"2023-04-03T07:09:59.000Z","dependencies_parsed_at":"2022-08-03T06:01:36.640Z","dependency_job_id":null,"html_url":"https://github.com/teekaytech/Weather-App","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/teekaytech%2FWeather-App","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/teekaytech%2FWeather-App/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/teekaytech%2FWeather-App/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/teekaytech%2FWeather-App/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/teekaytech","download_url":"https://codeload.github.com/teekaytech/Weather-App/tar.gz/refs/heads/development","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":245822303,"owners_count":20678165,"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":["es6","javascript","netlify-deployment","sass-framework","webpack"],"created_at":"2024-09-24T20:46:08.140Z","updated_at":"2026-01-07T11:14:04.859Z","avatar_url":"https://github.com/teekaytech.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Weather-App\n\n\u003e This is a Weather App built with JavaScript \u0026amp; Webpack. The project comes at the end of the Asynchronous Javascript and APIs section of my Javascript course. It tests my knowledge about asynchronous communication with promises or async/await and when to use them. I used the Open Weather API to consume the weather details. I also processed the data fetched from the API to render in both Celcius \u0026 Fahrenheit. The background changes based on the atmospheric condition of the location provided.\n\nHomepage\n![Landing page](src/assets/images/screenshots/first.png)\n\nCloudy Weather Page\n![cloud page](src/assets/images/screenshots/second.png)\n\nRainy Weather Page\n![Rain page](src/assets/images/screenshots/third.png)\n\nClear Weather Page\n![Clear page](src/assets/images/screenshots/forth.png)\n\n## Built With\n\n- HTML\n- SASS\n- JavaScript (ES6)\n- Webpack\n- Open Weather API\n- Netlify\n\n## Live Demo\n\n\u003ca href=\"https://wappjs.netlify.app/\" target=\"_blank\"\u003eWeather App\u003c/a\u003e\n\n[![Netlify Status](https://api.netlify.com/api/v1/badges/d9522c2e-5f11-412b-95a0-8f2d136c8cbc/deploy-status)](https://app.netlify.com/sites/wappjs/deploys)\n\n## Getting Started\n\nTo get a local copy up and running follow these simple example steps.\n\n- On the project GitHub page, navigate to the main page of the repository [this page](https://github.com/teekaytech/Weather-App.git).\n- Under the repository name, locate and click on a green button named `Code`.\n- Copy the project URL as displayed.\n- If you're running Windows Operating System, open your command prompt. On Linux, Open your terminal.\n- Change the current working directory to the location where you want the cloned directory to be made. Leave as it is if the current location is where you want the project to be.\n- Type `git clone`, and then paste the URL you copied in Step 3.\u003cbr\u003e\n  `$ git clone https://github.com/teekaytech/Weather-App.git` \u003cem\u003ePress Enter key\u003c/em\u003e\u003cbr\u003e\n- Press Enter. Your local copy will be created.\n\nPlease Note that you must have github installed on your PC, this can be done [here](https://gist.github.com/derhuerst/1b15ff4652a867391f03).\n\n### Prerequisites\n\nWeb browser (Chrome/Firefox)\n\n### Usage\n\nClick on the live demo link and peruse the app.\n\n### Making Changes\n\n- `npm install` to install the dependencies and packages\n- `npm start` to test the app after changes were made\n\n## Author\n\n👤 **Taofeek Olalere**\n\n- Github: [@teekaytech](https://github.com/teekaytech)\n- Twitter: [@ola_lere](https://twitter.com/ola_lere)\n- Linkedin: [olaleretaofeek](https://linkedin.com/in/olaleretaofeek)\n- Portfolio: [Olalere Taofeek](https://taofeekolalere.me/)\n\n## 🤝 Contributing\n\nContributions, issues and feature requests are welcome!\n\nFeel free to check the [issues page](issues/).\n\n## Show your support\n\nGive a ⭐️ if you like this project!\n\n## Acknowledgments\n\n- [Microverse](https://.microverse.org/)\n- [The Odin Project (Project Spec)](https://www.theodinproject.com/courses/javascript/lessons/weather-app)\n\n## 📝 License\n\nThis project is [MIT](lic.url) licensed.\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fteekaytech%2Fweather-app","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fteekaytech%2Fweather-app","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fteekaytech%2Fweather-app/lists"}