{"id":48109370,"url":"https://github.com/rubenpazch/js-weather-app","last_synced_at":"2026-04-04T16:00:25.293Z","repository":{"id":42763905,"uuid":"276493761","full_name":"rubenpazch/js-weather-app","owner":"rubenpazch","description":"This project is about building a web application to show a weather forecast using weather API from external services like openweathermap.org and giphy.com, you should be able to search for a specific location and toggle displaying the data in Fahrenheit or Celsius, to use the app place a name of the city and click on search, every time you click on search the info will go to the left, you can have three different results.","archived":false,"fork":false,"pushed_at":"2023-01-07T19:50:56.000Z","size":2564,"stargazers_count":4,"open_issues_count":18,"forks_count":1,"subscribers_count":2,"default_branch":"development","last_synced_at":"2023-03-06T22:24:52.233Z","etag":null,"topics":["api","boostrap4","html5","javascript","module-pattern","webpack"],"latest_commit_sha":null,"homepage":"http://weather-app.cuscosolutions.com/","language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/rubenpazch.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null}},"created_at":"2020-07-01T22:21:54.000Z","updated_at":"2020-09-01T15:18:05.000Z","dependencies_parsed_at":"2023-02-07T23:46:12.346Z","dependency_job_id":null,"html_url":"https://github.com/rubenpazch/js-weather-app","commit_stats":null,"previous_names":[],"tags_count":null,"template":null,"template_full_name":null,"purl":"pkg:github/rubenpazch/js-weather-app","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/rubenpazch%2Fjs-weather-app","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/rubenpazch%2Fjs-weather-app/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/rubenpazch%2Fjs-weather-app/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/rubenpazch%2Fjs-weather-app/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/rubenpazch","download_url":"https://codeload.github.com/rubenpazch/js-weather-app/tar.gz/refs/heads/development","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/rubenpazch%2Fjs-weather-app/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":31405189,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-04-04T10:20:44.708Z","status":"ssl_error","status_checked_at":"2026-04-04T10:20:06.846Z","response_time":60,"last_error":"SSL_read: unexpected eof while reading","robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":false,"can_crawl_api":true,"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":["api","boostrap4","html5","javascript","module-pattern","webpack"],"created_at":"2026-04-04T16:00:24.179Z","updated_at":"2026-04-04T16:00:25.220Z","avatar_url":"https://github.com/rubenpazch.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"\u003cp align=\"center\"\u003e\n    \u003cimg src=\"./weather.png\"\n        height=\"230\"\u003e\n\u003c/p\u003e\n\n\u003cp align=\"center\"\u003e\n    \u003ch1 align=\"center\"\u003e Weather App  \u003c/h1\u003e    \n\u003c/p\u003e\n\n\u003cp align=\"center\"\u003e\n    \u003ch2 align=\"center\"\u003e Web application to show the current weather forecast.\u003c/h2\u003e    \n\u003c/p\u003e\n\n\u003cp align=\"center\"\u003e\n    \u003ca href=\"https://img.shields.io/badge/Microverse-blueviolet\" alt=\"Contributors\"\u003e\n        \u003cimg src=\"https://img.shields.io/badge/Microverse-blueviolet\" /\u003e\u003c/a\u003e\n    \u003ca href=\"https://www.w3schools.com/js/js_es6.asp\" alt=\"JavaScript\"\u003e\n        \u003cimg src=\"https://img.shields.io/badge/JavaScript-6.0.0-yellowgreen\" /\u003e\u003c/a\u003e\n    \u003ca href=\"https://webpack.js.org/\" alt=\"Webpack\"\u003e\n        \u003cimg src=\"https://img.shields.io/badge/Webpack%204-4.0.0-lightgrey\" /\u003e\u003c/a\u003e      \n    \u003ca href=\"https://getbootstrap.com/\" alt=\"Bootstrap\"\u003e\n        \u003cimg src=\"https://img.shields.io/badge/Bootstrap-4.5.0.-orange\" /\u003e\u003c/a\u003e\n    \u003ca href=\"https://sass-lang.com/\" alt=\"SASS\"\u003e\n        \u003cimg src=\"https://img.shields.io/badge/SASS-built-brightgreen\" /\u003e\u003c/a\u003e\n        \n\u003c/p\u003e\n\n\n\n  \u003cp align=\"center\"\u003e    \n    \u003cbr /\u003e\n    \u003ca href=\"https://github.com/rubenpazch/js-weather-app\"\u003e\u003cstrong\u003eExplore this project »\u003c/strong\u003e\u003c/a\u003e\n    \u003cbr /\u003e\n    \u003cbr /\u003e\u0026#10023;\n    \u003ca href=\"http://weather-app.cuscosolutions.com/\"\u003eView Demo\u003c/a\u003e   \u0026#10023;  \n    \u003ca href=\"https://github.com/rubenpazch/js-weather-app/issues\"\u003eReport Bug\u003c/a\u003e    \u0026#10023;\n    \u003ca href=\"#Getting-Started\"\u003eGetting Started\u003c/a\u003e \u0026#10023; \u003ca href=\"#Install\"\u003eInstalling\u003c/a\u003e \u0026#10023;    \n    \u003ca href=\"#Authors\"\u003eAuthor\u003c/a\u003e \u0026#10023;\n    \u003ca href=\"#Instructions-to-play-the-game\"\u003eInstructions to play the game\u003c/a\u003e \u0026#10023;\n    \u003ca href=\"#How-was-designed-the-game\"\u003eHow was designed the game\u003c/a\u003e \u0026#10023;\n\n\n\n  \u003c/p\u003e\n\n\n\n\u003cbr/\u003e\n\n\nThis project is about building a web application to show a weather forecast using weather API from external services like https://openweathermap.org/ and https://giphy.com/, you should be able to search for a specific location and toggle displaying the data in Fahrenheit or Celsius, to use the app place a name of the city and click on search, every time you click on search the info will go to the left, you can have three different results.\n\n\u003cbr/\u003e\n\n![screenshot](./app_screenshot.png)\n\n\u003cbr/\u003e\n\n\n## Getting Started\n\nThis project was built using Javascript 6, Webpack version 3, it is a web application and for running on your local environment you should follow these guidelines.\n\nwebpack is used to compile JavaScript modules. Once installed, you can interface with webpack either from its CLI or API. If you're still new to webpack, please read through the core concepts and this comparison to learn why you might use it over the other tools that are out in the community.\n\nCore concepts : [Webpack](https://webpack.js.org/concepts/)\n\n\n\n### Prerequisites\n\n- Webpack \n- NPM \n\n### Setup\n\n\nThe project repository can be found in [GitHub link](https://github.com/rubenpazch/js-weather-app) or just clone the project using this command. \n\n\n```\nUsing SSH \n\n# git clone  https://github.com/rubenpazch/js-weather-app.git\n\nUsing HTTPS\n\n# git clone  git@github.com:rubenpazch/js-weather-app.git\n\n```\n\n+ Open terminal on your workspace with\n\n```\ncd /home/workspace/js-weather-app\n```\n\n\n## Install\n\nInstall NPM\n\nCheck that you have node and npm installed\n\nTo check if you have Node.js installed, run this command in your terminal:\n\n\n```\nnode -v\n```\n\nTo confirm that you have npm installed you can run this command in your terminal:\n\n\n```\nnpm -v\n```\n\n\ninstall npm and webpack\n\n\n```\nsudo apt update\nsudo apt install npm\n```\n\n\nLocal Installation Webpack\n\n\nTo install the latest release or a specific version, run one of the following commands:\n\n```\nnpm install --save-dev webpack\nnpm install --save-dev webpack-cli\n```\n\nGlobal Installation Webpack\n\nThe following NPM installation will make webpack available globally:\n\n```\nnpm install --global webpack\n```\nNow you can make changes on src files to change the behavior of the application\n\nfinally if you want to compile the code run this command\n\n```\nnpm run build\n```\n\n### Deployment\n\nTo deploy this project and copy the info from the dist folder to your server.\n\n\n\n\n### Tools used on this project\n\n- Visual Studio Code\n- Stylelint\n- Babel\n\n\u003cbr/\u003e\n\n\n\n\n\n\n\n\n## Authors\n\n\n👤 **Ruben Paz Chuspe**\n\n- Github: [@rubenpazch](https://github.com/rubenpazch)\n- Linkedin: [rubenpch](https://www.linkedin.com/in/rubenpch/)\n- Twitter: [chuspepaz](https://twitter.com/ChuspePaz)\n\n\n## 🤝 Contributing\n\nThis project was created for educational purposes as part of the Microverse web development curriculum; contributing is not accepted.\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- We thank microverse inc. for this learning opportunity.\n- The Odin Project\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Frubenpazch%2Fjs-weather-app","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Frubenpazch%2Fjs-weather-app","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Frubenpazch%2Fjs-weather-app/lists"}