Skip to content

nearmap/nearmap-js-test

Repository files navigation

Nearmap JS Test

Welcome to the Nearmap JS test. The purpose of this assignment is to test your familiarity with web development, JS, React, and TDD.

Task

Build a simple app using React.

Take a look at wireframe-mockup.jpg to get a feel for what we're after.

Wireframe of task, showing map with markers. One marker is selected and shows an information box

The application should:

  • Display background-map.jpg.
  • Load the map data from map-data.json.
  • Populate the map with markers. See marker.png and marker-selected.png.
  • When the user clicks on a marker, an information box will appear, showing the information for that location.
  • When the user clicks on the map, the marker will deselect, and the information box will disappear.

Assume the app and data set will grow over time. The initial architecture should take this into account.

Testing your app

We would like to be able run the following in the root of the project and have the app run locally:

npm install
npm start

If you have any further instructions, please include in the project's README.md.

In terms of browser support, we only require the latest Chrome version.

Submission instructions

  • DO NOT fork this repository or create pull requests on it as we don't want other candidates to see your solution.
  • Create a private repo by importing the https://github.com/nearmap/nearmap-js-test repo into a new private repo. (See https://github.com/new/import).
  • Add us as a collaborator to the repo so we can see your solution. See your email for more details.

About

Nearmap technical screen for JS frontend stack

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published