{"id":21269942,"url":"https://github.com/bert27/map-markers_react","last_synced_at":"2026-04-08T21:32:09.973Z","repository":{"id":120161927,"uuid":"373970006","full_name":"bert27/map-markers_React","owner":"bert27","description":" map with creation of markers through suggestions   / Geocode reverse","archived":false,"fork":false,"pushed_at":"2021-06-06T15:42:44.000Z","size":213,"stargazers_count":2,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-03-15T11:50:04.335Z","etag":null,"topics":["axios","css","flexbox","google-maps-api","hooks","html5","marker","react","redux","sass","test"],"latest_commit_sha":null,"homepage":"","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/bert27.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":"2021-06-04T22:11:58.000Z","updated_at":"2025-01-17T13:24:43.000Z","dependencies_parsed_at":"2023-03-20T20:05:03.682Z","dependency_job_id":null,"html_url":"https://github.com/bert27/map-markers_React","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/bert27/map-markers_React","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/bert27%2Fmap-markers_React","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/bert27%2Fmap-markers_React/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/bert27%2Fmap-markers_React/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/bert27%2Fmap-markers_React/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/bert27","download_url":"https://codeload.github.com/bert27/map-markers_React/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/bert27%2Fmap-markers_React/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":31575507,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-04-08T14:31:17.711Z","status":"ssl_error","status_checked_at":"2026-04-08T14:31:17.202Z","response_time":54,"last_error":"SSL_connect returned=1 errno=0 peeraddr=140.82.121.5:443 state=error: 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":["axios","css","flexbox","google-maps-api","hooks","html5","marker","react","redux","sass","test"],"created_at":"2024-11-21T08:13:29.592Z","updated_at":"2026-04-08T21:32:09.967Z","avatar_url":"https://github.com/bert27.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# map-markers_React\n\n\n\nMapa de google maps con diseño responsive.\nBuscador con sugerencias.\nSe van creando marcadores conforme se van seleccionando lugares.\n\n///////////////\n\n Como instalar y ejecutar:\n \n1. Descarga y descomprime el proyecto.\n2. 2.Ejecute cmd y situaté dentro del directorio.\n3. Una vez dentro de map-markers_React-main, escribe npm install para instalar todas las dependencias/ node-modules.\n4. Una vez termine el proceso, solo falta escribir npm start.\n5. Esto ejecutará el navegador y abrira el proyecto en localhost:3000.\n\n//////////////////////\n\nExplicación de la solución implementada:\n\nEl proyecto contiene una apiKey de googleMaps para el funcionamiento de los servicios de google, esta incluida en src/keyGoogleMaps.js\nIncluye un test para comprobar que funciona correctamente.\nSi deja de funcionar, cambiar la apiKey por una vuestra.\n--\nAl seleccionar un lugar en el mapa, se envía una petición a google con el lugar.\nMediante un servicio que ofrecen de geocoding devuelve las coordenadas.\nEstas se guardan en un array de objetos en redux y a su vez se van visualizando en el mapa.\nCada marcador tiene un callback asociado al hacer click para poder añadir acciones en el fúturo.\n--\nEl servicio de google devuelve más datos como las fotos asociadas a ese lugar y otros detalles.\nLa aplicación podría escalar a funcionalidades como guardar lugares favoritos con sus fotos para consultar después,\ncompartir restaurantes favoritos o descubrir lugares misteriosos junto con otros usuarios. \n\n\n\u003cdiv classname=\"center\"\u003e\n\u003cimg src=\"https://i.ibb.co/rw3tXXW/pruebafront.jpg\" \u003e\n\u003c/div\u003e\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fbert27%2Fmap-markers_react","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fbert27%2Fmap-markers_react","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fbert27%2Fmap-markers_react/lists"}