{"id":27201445,"url":"https://github.com/dianavile/react-mymap","last_synced_at":"2026-05-16T11:32:05.733Z","repository":{"id":146256944,"uuid":"169953453","full_name":"dianavile/React-MyMap","owner":"dianavile","description":"Single Page Application (SPA) Google Map api created in React (Project8)","archived":false,"fork":false,"pushed_at":"2019-02-10T08:56:01.000Z","size":186,"stargazers_count":0,"open_issues_count":0,"forks_count":1,"subscribers_count":1,"default_branch":"master","last_synced_at":"2025-10-06T22:54:38.239Z","etag":null,"topics":["foursquare-api","googlemaps-api","javascript","neighborhood-map","react","service-worker","spa","udacity-frontend-nanodegree"],"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/dianavile.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":"2019-02-10T07:26:18.000Z","updated_at":"2019-02-10T08:56:02.000Z","dependencies_parsed_at":null,"dependency_job_id":"c3c4d51d-97f6-4ea7-8038-645335b987fa","html_url":"https://github.com/dianavile/React-MyMap","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/dianavile/React-MyMap","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/dianavile%2FReact-MyMap","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/dianavile%2FReact-MyMap/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/dianavile%2FReact-MyMap/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/dianavile%2FReact-MyMap/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/dianavile","download_url":"https://codeload.github.com/dianavile/React-MyMap/tar.gz/refs/heads/master","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/dianavile%2FReact-MyMap/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":33100819,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-05-16T04:41:52.686Z","status":"ssl_error","status_checked_at":"2026-05-16T04:41:52.009Z","response_time":115,"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":["foursquare-api","googlemaps-api","javascript","neighborhood-map","react","service-worker","spa","udacity-frontend-nanodegree"],"created_at":"2025-04-09T21:56:44.766Z","updated_at":"2026-05-16T11:32:05.713Z","avatar_url":"https://github.com/dianavile.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# React-MyMap\n\n### Project Description\nThis project is the last project (CAPSTONE project 8) of the Udacity Full Nanodegree Program Front-End Web Development.\nMyMap is a Single Page Application (SPA) created in `React` and developed with `create-react-app`. \nIt fetches data from `Google Maps API` and `FourSquare API`. \n\n![neighborhoodmap](https://github.com/dianavile/NeighbourhoodMap/blob/master/Neighbourhoodmap.png)\n\n### Project requirements\nThe goal of this project is to build a Single Page Application (SPA) created in `React` to show a GoogleMap of your neighbourhood.\nRequirements: implement third-party APIs GoogleMap and Foursquare to provide additional information about the location.\nAdditional functionality: map markers, infowindow, search funcion, list view. \n\nSetting Up\n=================\nTo  __install__ this project:\n```\nnpm start \n```\nTo  __clone or download __ this project:\n```\n    $ git clone https://github.com/dianavile/MyMap.git\n```\n- To open the folder to  __run the project __:\n```\n`npm install`\n```\n - To  __run the development server__:\n ```\n`npm start`\n```\n  - To  __view the app in the browser__:\n- Open [http://localhost:3000](http://localhost:3000).\n\n\nProject Directory\n=================\nInside the __project directory__, it will generate the initial project structure and install the dependencies:\n```\nmymap\n├── README.md\n├── package.json (=here all dependencies will be installed.)\n├── .gitignore (=file to instruct which files need to be ignored at production).\n├── public\n│   ├── favicon.ico\n│   ├── index.html\n│   └── manifest.json\n└── src\n    ├── App.css\n    ├── App.js\n    ├── App.test.js\n    ├── index.css\n    ├── index.js\n    ├── logo.svg\n    └── serviceWorker.js\n```\n## React Components\nThe MyMap app contains the following __components__:\n```\n└── src\n    ├── NavigationBar.js\n    ├── Map.js\n    ├── MapStyle.json\n    ├── Locations.js\n    ├── SideBar.js\n```\n\nDeploying\n=================\nTo deploy the project, use the following command in your Terminal:\n\n ## Service Worker\n `Create React App`includes a service worker, by default. \nTo enable the service worker, run the application in production build mode:\n\n ```\nnpm run build\n```\nThis comment builds the app for production to the `build` folder.\u003cbr\u003e\nIt bundles React in production mode and optimizes the build for the best performance in a minified version.\nMore information about [deployment](https://facebook.github.io/create-react-app/docs/deployment).\n\n## Browser requirements\nThe minimum default set of browsers for this project are:\n```\n\"browserslist\": [\n    \"\u003e0.2%\",\n    \"not dead\",\n    \"not ie \u003c= 11\",\n    \"not op_mini all\"\n  ]\n```\nThis means, the project is available on most default browsers, except on: Internet Explorer \u003c 11 and opera_mini.\nMore info on [changing default browsers](https://github.com/lukeed/pwa/issues/48)\n\nDependencies\n=================\nThis project is build with the following dependencies:\n\n #### Packages (Dev dependencies- npm packages)\nTo install all development dependencies, check the provided links:\n - [Create-react-app](https://github.com/facebookincubator/create-react-app)\n - [Material IO](https://www.npmjs.com/package/create-react-app)\n\n #### API\n - [Google Maps API](https://cloud.google.com/maps-platform/)\n - [Foursquare API](https://developer.foursquare.com/)\n\n #### Design\n- [Google Fonts](https://fonts.google.com/)\n- [Material IO](https://www.npmjs.com/package/create-react-app)\n\nVersion\n=================\n#### \"version\": \"0.1.0\" \nThis is the first piece of version information, coded from scratch.\n\n__Know bugs__\nworking hard to get rid of the bugs.\n\nContributors\n=================\nAs this project is part of a official FrontEnd Nanodegree curriculum, no contributors are allowed.\n\nLicense\n=================\nThis project is distributed under the MIT licence.  See ``LICENSE`` for more information.\n\nCode References\n=================\n- [Create React App documentation](https://facebook.github.io/create-react-app/docs/getting-started).\n- [Writing READMEs. Udacity](https://classroom.udacity.com/courses/ud777/)\n- [Google Maps Platform Documentation](https://developers.google.com/maps/documentation/)\n- [Google Maps JS API v3 - Simple Multiple Marker Example](https://stackoverflow.com/questions/3059044/google-maps-js-api-v3-simple-multiple-marker-example)\n- [Foursquare Developers Documentation](https://developer.foursquare.com/docs)\n- [React documentation](https://reactjs.org/).\n- [W3school- Sidebar](https://www.w3schools.com/w3css/w3css_sidebar.asp)\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fdianavile%2Freact-mymap","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fdianavile%2Freact-mymap","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fdianavile%2Freact-mymap/lists"}