{"id":20384751,"url":"https://github.com/ogm710811/react-google-maps-and-places-api","last_synced_at":"2025-03-04T23:13:51.068Z","repository":{"id":97190803,"uuid":"299650082","full_name":"ogm710811/react-google-maps-and-places-api","owner":"ogm710811","description":"\"Shark Activity\" React App where we cover how Google Maps, Google Places,  and browser geolocation works.","archived":false,"fork":false,"pushed_at":"2020-10-07T14:19:29.000Z","size":377,"stargazers_count":1,"open_issues_count":0,"forks_count":0,"subscribers_count":3,"default_branch":"master","last_synced_at":"2025-01-15T08:10:14.268Z","etag":null,"topics":["combobox","firebase-database","geolocation-api","reach-ui","react","react-google-maps","react-query","reactjs","snazzy-maps","use-places-autocomplete"],"latest_commit_sha":null,"homepage":"","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/ogm710811.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,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2020-09-29T14:54:59.000Z","updated_at":"2022-06-23T10:30:21.000Z","dependencies_parsed_at":null,"dependency_job_id":"2f0e134e-ec8d-46f4-8146-d43f47dedcc1","html_url":"https://github.com/ogm710811/react-google-maps-and-places-api","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/ogm710811%2Freact-google-maps-and-places-api","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ogm710811%2Freact-google-maps-and-places-api/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ogm710811%2Freact-google-maps-and-places-api/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ogm710811%2Freact-google-maps-and-places-api/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/ogm710811","download_url":"https://codeload.github.com/ogm710811/react-google-maps-and-places-api/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":241935267,"owners_count":20044827,"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":["combobox","firebase-database","geolocation-api","reach-ui","react","react-google-maps","react-query","reactjs","snazzy-maps","use-places-autocomplete"],"created_at":"2024-11-15T02:29:36.927Z","updated_at":"2025-03-04T23:13:51.045Z","avatar_url":"https://github.com/ogm710811.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"## Google Maps \u0026 Google Places in React\n\nThis project builds a \"Shark Activity\" React App where we cover how Google Maps, Google Places, \nand browser geolocation works. All using modern React (hooks) and up to date packages for 2020.\n\u003cbr\u003e\nIn addition, we cover how to use react-query mutation functionality to post data to the server,\nand update the UI with fresh content. We cover three approaches to UI updates, going from easiest\nbut worst performing, to most complicated but best performing. [Refetching Data, Response Cache Update, \nand Optimistic Cache Update]\n\n### About this project\nThe project intends to be an advanced shark reporting and alerting platform on the US Area.\n\n### APIs that needs to be enabled\n- Geocoding API\n- Maps JavaScript API\n- Places API\n\n### Dependencies\nGoogle Maps React: https://www.npmjs.com/package/@react-google-maps/api \u003cbr\u003e\nGoogle Places React: https://www.npmjs.com/package/use-places-autocomplete \u003cbr\u003e\nReach Combobox: https://reach.tech/combobox/ \u003cbr\u003e\nSnazzy Maps Style: https://snazzymaps.com/style/8097/wy \u003cbr\u003e\nBrowser Geolocation: https://developer.mozilla.org/en-US/docs/Web/API/Geolocation/getCurrentPosition \u003cbr\u003e\nFireBase Real DataBase: https://firebase.google.com/products/realtime-database \u003cbr\u003e\nReact-Query: https://react-query.tanstack.com/ \u003cbr\u003e\n\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fogm710811%2Freact-google-maps-and-places-api","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fogm710811%2Freact-google-maps-and-places-api","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fogm710811%2Freact-google-maps-and-places-api/lists"}