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.

See live project

Table of Contents

• Project Overview
• How to Run Application
• About the project
• Contributing

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:

• cd must-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:3000 if 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.