{"id":15164538,"url":"https://github.com/scottgriv/wtz-map","last_synced_at":"2026-02-25T22:33:29.112Z","repository":{"id":246718696,"uuid":"821980834","full_name":"scottgriv/WTZ-Map","owner":"scottgriv","description":"Discover the current weather and time zone information for any location around the world using this interactive map.","archived":false,"fork":false,"pushed_at":"2025-01-09T04:28:31.000Z","size":2462,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-02-14T01:57:56.414Z","etag":null,"topics":["api","apis","leaflet","leaflet-map","leafletjs","map","nuxt","nuxt-js","nuxtjs","open-weather-api","open-weather-map","open-weather-map-api","time-zone","time-zones","timezone","weather"],"latest_commit_sha":null,"homepage":"https://scottgriv.github.io/WTZ-Map/","language":"Vue","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/scottgriv.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":".github/FUNDING.yml","license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":".github/CODEOWNERS","security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null},"funding":{"github":["scottgriv"],"custom":["https://www.buymeacoffee.com/scottgriv"]}},"created_at":"2024-06-30T01:14:33.000Z","updated_at":"2025-01-09T04:28:34.000Z","dependencies_parsed_at":null,"dependency_job_id":"212f09a0-cd43-4c56-9b8e-f540a0d0bfdf","html_url":"https://github.com/scottgriv/WTZ-Map","commit_stats":null,"previous_names":["scottgriv/wtz-map"],"tags_count":0,"template":false,"template_full_name":"scottgriv/PRG-Silver-Tier-Template","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/scottgriv%2FWTZ-Map","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/scottgriv%2FWTZ-Map/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/scottgriv%2FWTZ-Map/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/scottgriv%2FWTZ-Map/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/scottgriv","download_url":"https://codeload.github.com/scottgriv/WTZ-Map/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":240043948,"owners_count":19739180,"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":["api","apis","leaflet","leaflet-map","leafletjs","map","nuxt","nuxt-js","nuxtjs","open-weather-api","open-weather-map","open-weather-map-api","time-zone","time-zones","timezone","weather"],"created_at":"2024-09-27T03:40:15.821Z","updated_at":"2026-02-25T22:33:29.106Z","avatar_url":"https://github.com/scottgriv.png","language":"Vue","funding_links":["https://github.com/sponsors/scottgriv","https://www.buymeacoffee.com/scottgriv"],"categories":[],"sub_categories":[],"readme":"\u003c!-- Begin README --\u003e\n\n\u003cdiv align=\"center\"\u003e\n    \u003ca href=\"https://github.com/scottgriv/WTZ-Map\" target=\"_blank\"\u003e\n        \u003cimg src=\"./docs/images/icon.png\" width=\"200\" height=\"200\"/\u003e\n    \u003c/a\u003e\n\u003c/div\u003e\n\u003cbr\u003e\n\u003cp align=\"center\"\u003e\n    \u003ca href=\"https://nuxt.com/\"\u003e\u003cimg src=\"https://img.shields.io/badge/Nuxt.js-2.15.8-00DC82?style=for-the-badge\u0026logo=nuxtdotjs\" alt=\"JavaScript Badge\" /\u003e\u003c/a\u003e\n    \u003cbr\u003e\n    \u003ca href=\"https://github.com/scottgriv\"\u003e\u003cimg src=\"https://img.shields.io/badge/github-follow_me-181717?style=for-the-badge\u0026logo=github\u0026color=181717\" alt=\"GitHub Badge\" /\u003e\u003c/a\u003e\n    \u003ca href=\"mailto:scott.grivner@gmail.com\"\u003e\u003cimg src=\"https://img.shields.io/badge/gmail-contact_me-EA4335?style=for-the-badge\u0026logo=gmail\" alt=\"Email Badge\" /\u003e\u003c/a\u003e\n    \u003ca href=\"https://www.buymeacoffee.com/scottgriv\"\u003e\u003cimg src=\"https://img.shields.io/badge/buy_me_a_coffee-support_me-FFDD00?style=for-the-badge\u0026logo=buymeacoffee\u0026color=FFDD00\" alt=\"BuyMeACoffee Badge\" /\u003e\u003c/a\u003e\n    \u003cbr\u003e\n    \u003ca href=\"https://github.com/scottgriv/WTZ-Map/actions/workflows/nuxtjs.yml\" target=\"_blank\"\u003e\u003cimg alt=\"GitHub Workflow Status (with event)\" src=\"https://img.shields.io/github/actions/workflow/status/scottgriv/WTZ-Map/nuxtjs.yml?style=for-the-badge\u0026logo=github\u0026label=GitHub%20Pages\"\u003e\u003c/a\u003e\n    \u003ca href=\"https://prgportfolio.com\" target=\"_blank\"\u003e\u003cimg src=\"https://img.shields.io/badge/PRG-Silver Project-C0C0C0?style=for-the-badge\u0026logo=data:image/svg%2bxml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBzdGFuZGFsb25lPSJubyI/Pgo8IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDIwMDEwOTA0Ly9FTiIKICJodHRwOi8vd3d3LnczLm9yZy9UUi8yMDAxL1JFQy1TVkctMjAwMTA5MDQvRFREL3N2ZzEwLmR0ZCI+CjxzdmcgdmVyc2lvbj0iMS4wIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciCiB3aWR0aD0iMjYuMDAwMDAwcHQiIGhlaWdodD0iMzQuMDAwMDAwcHQiIHZpZXdCb3g9IjAgMCAyNi4wMDAwMDAgMzQuMDAwMDAwIgogcHJlc2VydmVBc3BlY3RSYXRpbz0ieE1pZFlNaWQgbWVldCI+Cgo8ZyB0cmFuc2Zvcm09InRyYW5zbGF0ZSgwLjAwMDAwMCwzNC4wMDAwMDApIHNjYWxlKDAuMTAwMDAwLC0wLjEwMDAwMCkiCmZpbGw9IiNDMEMwQzAiIHN0cm9rZT0ibm9uZSI+CjxwYXRoIGQ9Ik0xMiAzMjggYy04IC04IC0xMiAtNTEgLTEyIC0xMzUgMCAtMTA5IDIgLTEyNSAxOSAtMTQwIDQyIC0zOCA0OAotNDIgNTkgLTMxIDcgNyAxNyA2IDMxIC0xIDEzIC03IDIxIC04IDIxIC0yIDAgNiAyOCAxMSA2MyAxMyBsNjIgMyAwIDE1MCAwCjE1MCAtMTE1IDMgYy04MSAyIC0xMTkgLTEgLTEyOCAtMTB6IG0xMDIgLTc0IGMtNiAtMzMgLTUgLTM2IDE3IC0zMiAxOCAyIDIzCjggMjEgMjUgLTMgMjQgMTUgNDAgMzAgMjUgMTQgLTE0IC0xNyAtNTkgLTQ4IC02NiAtMjAgLTUgLTIzIC0xMSAtMTggLTMyIDYKLTIxIDMgLTI1IC0xMSAtMjIgLTE2IDIgLTE4IDEzIC0xOCA2NiAxIDc3IDAgNzIgMTggNzIgMTMgMCAxNSAtNyA5IC0zNnoKbTExNiAtMTY5IGMwIC0yMyAtMyAtMjUgLTQ5IC0yNSAtNDAgMCAtNTAgMyAtNTQgMjAgLTMgMTQgLTE0IDIwIC0zMiAyMCAtMTgKMCAtMjkgLTYgLTMyIC0yMCAtNyAtMjUgLTIzIC0yNiAtMjMgLTIgMCAyOSA4IDMyIDEwMiAzMiA4NyAwIDg4IDAgODggLTI1eiIvPgo8L2c+Cjwvc3ZnPgo=\" alt=\"Silver\" /\u003e\u003c/a\u003e\n\u003c/p\u003e\n\n---------------\n\n\u003ch1 align=\"center\"\u003eWeather Time Zone (WTZ) Map\u003c/h1\u003e\n\nThis Nuxt application allows you to discover the current weather and time zone information for any location around the world. Simply input a location, and the app will display the relevant data, including weather conditions, time zone, and current time.\n\n\u003cdiv align=\"center\"\u003e\n    \u003ca href=\"https://scottgriv.github.io/WTZ-Map/\" target=\"_blank\"\u003e\n        \u003cimg src=\"./docs/images/demo.png\" style=\"width: 80%;\"/\u003e\n    \u003c/a\u003e\n    \u003cbr\u003e\n    \u003ci\u003eApplication Preview\u003c/i\u003e\n\u003c/div\u003e\n\n---------------\n\n## Table of Contents\n\n- [Getting Started](#getting-started)\n    - [Prerequisites](#prerequisites)\n    - [Installation](#installation)\n    - [Usage](#usage)\n- [Resources](#resources)\n- [License](#license)\n- [Credits](#credits)\n\n## Getting Started\n\n### Prerequisites\n\nBefore you begin, ensure you have met the following requirements:\n- You have installed [Node.js](https://nodejs.org/) and [npm](https://www.npmjs.com/).\n- You have a GitHub account.\n\n### Installation\n\n1. **Clone the repository:**\n    ```bash\n    git clone https://github.com/scottgriv/WTZ-Map.git\n    cd WTZ-Map\n    ```\n\n2. **Install dependencies:**\n    ```bash\n    npm install\n    ```\n\n3. **Obtain API keys:**\n    - [TimeZoneDB](https://timezonedb.com/register) - Sign up and get your API key.\n    - [OpenWeatherMap](https://home.openweathermap.org/users/sign_up) - Sign up and get your API key.\n\n4. **Set up environment variables:**\n\n    Create a `.env` file in the root directory of your project and add your API keys:\n    ```plaintext\n    NUXT_ENV_OPENWEATHER_API_KEY=your_openweathermap_api_key\n    NUXT_ENV_TIMEZONEDB_API_KEY=your_timezonedb_api_key\n    ```\n\n5. **Run the application locally:**\n    ```bash\n    npm run dev\n    ```\n\n    The application should now be running on `http://localhost:3000`.\n\nTo deploy your Nuxt application to GitHub Pages, follow these steps:\n\n6. **Add your API keys as GitHub Secrets:**\n    - Go to your GitHub repository.\n    - Click on `Settings`.\n    - Navigate to `Secrets and variables` \u003e `Actions`.\n    - Click on `New repository secret`.\n    - Add the following secrets:\n        - `NUXT_ENV_OPENWEATHER_API_KEY`\n        - `NUXT_ENV_TIMEZONEDB_API_KEY`\n\n\u003e [!CAUTION]\n\u003e Secrets must have the `NUXT_ENV` prefix to properly work.\n\u003e See [this Nuxt.js documentation here](https://v2.nuxt.com/docs/configuration-glossary/configuration-env/#automatic-injection-of-environment-variables) for more information.\n\n## Usage\n\n1. Enter a location in the search bar.\n2. Click the search button or hit the enter key.\n3. View the corresponding data on the screen.\n4. Click the reset button to clear the results and reset the map view.\n\n## Resources\n\n**APIs:**\n- [TimeZoneDB](https://timezonedb.com/)\n- [OpenWeatherMap](https://openweathermap.org/)\n- [Iowa State University's Mesonet](https://mesonet.agron.iastate.edu/ogc/)\n\n**Technologies:**\n- [JavaScript](https://www.javascript.com/)\n- [HTML](https://www.w3schools.com/html/)\n- [CSS](https://www.w3schools.com/css/)\n- [Nuxt.js](https://nuxtjs.org/)\n- [Vue.js](https://vuejs.org/)\n- [Leaflet](https://leafletjs.com/)\n- [Axios](https://axios-http.com/)\n- [Leaflet.timezones](https://github.com/dj0001/Leaflet.timezones)\n\n**Maps**\n_Free Tile Providers (No API Key Required)_\n- [Esri](https://www.esri.com/en-us/capabilities/mapping/overview)\n- [OpenStreetMap](https://www.openstreetmap.org/)\n- [CartoDB](https://carto.com/)\n_Tile Providers Requiring API Key_\n- [Mapbox](https://www.mapbox.com/)\n- [Stadia x Stamen](https://stadiamaps.com/stamen)\n- [HERE Maps](https://www.here.com//)\n- [Thunderforest](https://www.thunderforest.com/)\n- [MapTiler](https://www.maptiler.com/)\n\n\u003e [!NOTE] \n\u003e Easily swap out your map provider by searching for the `Change Map Provider Here` comment in the code base.\n\u003e Replace the few lines of code below the comment with your map/tile provider or one of the providers mentioned above.\n\u003e By default, I'm using **Esri** with the `World_Topo_Map` (topological) style.\n\n## License\n\nThis project is released under the terms of the **MIT License**, which permits use, modification, and distribution of the code, subject to the conditions outlined in the license.\n- The [MIT License](https://choosealicense.com/licenses/mit/) provides certain freedoms while preserving rights of attribution to the original creators.\n- For more details, see the [LICENSE](LICENSE) file in this repository. in this repository.\n\n## Credits\n\n**Author:** [Scott Grivner](https://github.com/scottgriv) \u003cbr\u003e\n**Email:** [scott.grivner@gmail.com](mailto:scott.grivner@gmail.com) \u003cbr\u003e\n**Website:** [linktr.ee/scottgriv](https://www.linktr.ee/scottgriv) \u003cbr\u003e\n**Reference:** [Main Branch](https://github.com/scottgriv/WTZ-Map) \u003cbr\u003e\n\n---------------\n\n\u003cdiv align=\"center\"\u003e\n    \u003ca href=\"https://linktr.ee/scottgriv\" target=\"_blank\"\u003e\n        \u003cimg src=\"./docs/images/footer.png\" width=\"100\" height=\"100\"/\u003e\n    \u003c/a\u003e\n\u003c/div\u003e\n\n\u003c!-- End README --\u003e\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fscottgriv%2Fwtz-map","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fscottgriv%2Fwtz-map","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fscottgriv%2Fwtz-map/lists"}