Neighborhood Map (React)

• Udacity Front-End Nanodegree Project
• important notes
• What is it?
• how to run
• about code

Important notes

This project is created with create-react-app startup-code. service worker only run in production mode.

What is it?

Phases

• Main screen

Main screen

• Main screen has two parts.
  1. List part
  2. Map part
• At the start of the application some locations are provided in the list and maped
• user can set the new locations
• user can filter the locations as per type or name and map will also reflect as per result.

How To Run

• clone this repo using git clone or zip file.
  1. https://github.com/kontactr/Neighborhood-Map
• traverse to the directory
• run the command npm install in it
• start the server using npm start or yarn start
• open the browser and navigate to localhost:3000/

Run Build Mode

• To run the project in the build mode run npm run build

• Setup a static server and use run

  1. npm install -g serve
  2. serve -s build

• And last navigate your browser to http://localhost:5000 to run the production build of the project.

About Code

External libraries Used

• React.js
• Google Map
• Foursquare

Key concepts

• React Fundamentals
• AJAX Request using fetch api
• React Component Communication

Icons

• Flaticon

For Markdown

• markdown-code editor