Must Visit Iceland
Neighborhood Map — original project name customized into personal graphics theme.
Student Project #8 (Final) during Google Front-End Development Nanodegree Program at Udacity made with React.
Table of Contents
Project Overview
This is Final student project made for Udacity classroom on Front-End Web Developer track. Project made with React and bootstraped from create-react-app.
Main React Components Structure
<App />
<Header />
<SidePanel />
<Hamburger />
<DebounceInput />
<Item />
<Map />
<DetailsPage />
<GoogleMapReact />
<Marker />
How to Run Application
Possible choices:
1. You can run a live demo deployed with gh-pages
2. Or run it on your local machine:
- download or clone the repository
- next follow these instructions
Instructions
Running application on local machine
To get started:
cdmust-visit-iceland folder- install all project dependencies with
npm install - start the development server with
npm start - with your server running, visit the site:
http://localhost:3000if not open automatically
Please note that the service worker is only implemented during production build. To check it run npm run serve and then visit localhost:5000.
About the project
Must Visit Iceland is the Neighborhood Map application, final project at Udacity and Google Scholarship program at FEND Track. Google Maps component is used for displaying a list of places worth to visit in Iceland - the beautiful country of ice and fire.
Graphics and design resources
Application, UI/UX, graphics are designed by the Author. Images powered by Flickr.
Dependencies & used APIs
- Google Map React -
google-map-react - Prop-Types
prop-types - Debounce Input
react-debounce-input - Escape RegExp
escape-string-regexp - Fetched data with MediaWikiAPI
- Images fetched with Flickr API
Contributing
This repository is the starter code for all Udacity students. Therefore, we most likely will not accept pull requests.
For details, check out CONTRIBUTING.md.