https://github.com/samrocksc/polygon-test

A simple UI to explore places in polygons
https://github.com/samrocksc/polygon-test

Last synced: 20 days ago
JSON representation

A simple UI to explore places in polygons

• Host: GitHub
• URL: https://github.com/samrocksc/polygon-test
• Owner: samrocksc
• Created: 2019-08-28T03:12:13.000Z (about 5 years ago)
• Default Branch: master
• Last Pushed: 2023-01-04T18:02:38.000Z (almost 2 years ago)
• Last Synced: 2023-06-11T11:55:13.653Z (over 1 year ago)
• Language: JavaScript
• Size: 3.08 MB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 19
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# How to run:

---

In order to run this app, you must have a google maps API key. 

```

npm i

export REACT_APP_GRAPH_URI=http://localhost:4000

export GMAPS_API_KEY=

npm run server &&

npm run start

```

## About This Application

---

**Time To Complete: 3 Hour, 30 mins**

For the most part I kept the entire application's structure extremely simple, and just used a single resolver hooked up to a standard Apollo Server.  As I have been working with AppSync a lot over the past few months at my current job, I found that it was easier to just use the TypeDefs here to enforce server-side validation.

Most of the time on this project was researching how the whole polygon factor worked.  I took the mathematical approach instead of using an API online.  Using the `point-in-polygon` package made this super easy, and I was able to just use some vim macros to convert the kml layer into usable data to be able to referencea polygon framework-agnostically.

I did build in a simple redundancy in turning the API into an array with a reduce function over the available delivery areas.  The reasons I did this, was because due to future consideration for expansion of the API, it's a safe assumption that we would probably have multiple overlays with different information in the future.

Anyways, I had a lot of fun writing this!

## Accessing graphql client

---

There is actually a graphql client running on port 4000, you can test all of my results via the API only by using the following graphql query:

```

{

 getLocation(address: "Ungargasse 17, Vienna, Austria") {

    status

  	deliveryAreas

  	locationData {

      placeId

      formattedAddress

    }

  }

}

```

## Known Bugs

There shouldn't be any known bugs