{"id":15134735,"url":"https://github.com/magda-korzeniowska/fend-project-map-app-react","last_synced_at":"2026-01-19T22:00:55.572Z","repository":{"id":125767905,"uuid":"159529576","full_name":"magda-korzeniowska/fend-project-map-app-react","owner":"magda-korzeniowska","description":"Udacity Nanodegree Student Final Project #8 / Neighborhood Map - Map App React Project using Google Maps API (with react-google-maps package), Flickr API, MediaWiki API","archived":false,"fork":false,"pushed_at":"2019-01-12T12:42:04.000Z","size":845,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":0,"default_branch":"master","last_synced_at":"2025-04-05T23:17:21.515Z","etag":null,"topics":["escape-string-regexp","flickr-api","mediawiki-api","react","react-google-maps","wikipedia"],"latest_commit_sha":null,"homepage":"https://magda-korzeniowska.github.io/fend-project-map-app-react/","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/magda-korzeniowska.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":"2018-11-28T16:11:32.000Z","updated_at":"2019-02-25T15:03:44.000Z","dependencies_parsed_at":null,"dependency_job_id":"e3a892b8-d875-40bf-a4d1-857963e83dcf","html_url":"https://github.com/magda-korzeniowska/fend-project-map-app-react","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/magda-korzeniowska/fend-project-map-app-react","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/magda-korzeniowska%2Ffend-project-map-app-react","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/magda-korzeniowska%2Ffend-project-map-app-react/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/magda-korzeniowska%2Ffend-project-map-app-react/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/magda-korzeniowska%2Ffend-project-map-app-react/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/magda-korzeniowska","download_url":"https://codeload.github.com/magda-korzeniowska/fend-project-map-app-react/tar.gz/refs/heads/master","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/magda-korzeniowska%2Ffend-project-map-app-react/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":28587033,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-01-19T20:45:59.482Z","status":"ssl_error","status_checked_at":"2026-01-19T20:45:41.500Z","response_time":67,"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":["escape-string-regexp","flickr-api","mediawiki-api","react","react-google-maps","wikipedia"],"created_at":"2024-09-26T05:24:05.894Z","updated_at":"2026-01-19T22:00:55.553Z","avatar_url":"https://github.com/magda-korzeniowska.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Madeira Must See Places - Map App React Project\n\nProject #8\nCreated for the Udacity Nanodegree Front End Web Developer (Full Google Scholarship)\n\n[LIVE PREVIEW](https://magda-korzeniowska.github.io/fend-project-map-app-react/)\n\n## Table of Contents\n\n* [Project Description](#project-description)\n* [Installation](#installation)\n* [File Structure](#file-structure)\n* [Create React App](#create-react-app)\n* [Important](#important)\n* [Dependencies](#dependencies)\n* [Sources](#sources)\n* [Contributing](#contributing)\n\n## Project Description\n\nIn this final task, students had to built the project from scratch, without any existing starter code to rely on.\nThe goal was to develop a single page application (accessibble and available offline) featuring a map with extra functionality added to this map (including highlighted locations, third-party data about those locations and various ways to browse the content).\n\nThe app uses React.js with Google Maps API, Flickr API, MediaWiki API (Wikipedia), as well as react-google-maps and escape-string-regexp packages. The complete list of dependencies can be found below.\n\nThis app presents a map of places worth visiting on Madeira Island. User can filter locations by name and click each marker to display infowindow to get a detailed information about specific location with pictures.\n\n## Installation\n1. Clone repository using:\n\n    `$ git clone https://github.com/magda-korzeniowska/fend-project-map-app-react`\n\n2.  Install all dependencies:\n\n    `$ npm install`\n\n3. Run application:\n\n    `$ npm start`\n\n4. After running npm start, the React App should open automatically in your browser. If it doesn't, open `localhost:3000` in your browser.\n\n## File Structure\n```bash\n├── README.md\n├── package-lock.json\n├── package.json\n├── public\n│   ├── favicon.ico\n│   ├── index.html\n│   └── manifest.json\n└── src\n    ├── components\n    │   ├── Button.js\n    │   ├── Header.js\n    │   ├── LocationDetails.js\n    │   ├── LocationMarker.js\n    │   ├── Map.js\n    │   ├── MapContainer.js\n    │   └── Search.js\n    ├── data\n    │   └── locations.json\n    ├── images\n    │   ├── Flag_of_Madeira.svg\n    │   ├── back_icon.svg\n    │   └── hamburger_menu.svg\n    ├── App.css\n    ├── App.js\n    ├── App.test.js\n    ├── index.css\n    ├── index.js\n    └── serviceWorker.js\n```\n\n## Create React App\nThis project was bootstrapped with [Create React App](https://github.com/facebookincubator/create-react-app)\n\n## Important\nThe application can be run offline using the service worker that is provided by create-react-app. It will work only on production build (production mode)\n\n## Dependencies\n- [create-react-app](https://github.com/facebookincubator/create-react-app)\n- [react-google-maps]( https://tomchentw.github.io/react-google-maps/)\n- [escape-string-regexp](https://www.npmjs.com/package/escape-string-regexp)\n- [prop-types](https://www.npmjs.com/package/prop-types)\n- Images from [Flickr API](https://www.flickr.com/services/api/flickr.photos.search.html)\n- Data from Wikipedia API - [MediaWiki API](https://www.mediawiki.org/wiki/API:Main_page)\n\n\n## Sources\n- icons: [iconfinder.com](https://iconfinder.com)\n\n## Contributing\nThis is a Udacity student's project. Therefore, no pull requests will be accepted.\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fmagda-korzeniowska%2Ffend-project-map-app-react","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fmagda-korzeniowska%2Ffend-project-map-app-react","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fmagda-korzeniowska%2Ffend-project-map-app-react/lists"}