https://github.com/ogrodev/cyclomedia-assessment
https://github.com/ogrodev/cyclomedia-assessment
Last synced: about 2 months ago
JSON representation
- Host: GitHub
- URL: https://github.com/ogrodev/cyclomedia-assessment
- Owner: ogrodev
- Created: 2023-04-27T05:00:21.000Z (about 3 years ago)
- Default Branch: master
- Last Pushed: 2023-05-01T01:52:31.000Z (about 3 years ago)
- Last Synced: 2023-07-21T03:28:47.151Z (almost 3 years ago)
- Language: TypeScript
- Homepage: https://cyclomedia-assessment.vercel.app
- Size: 74.2 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Pedro Mendes Assessment for Cyclomedia
## Description
This is a small project that uses the [BRT Achtergrondkaart](https://pdok.nl/dataset) and the [Population Distribution Layer](https://www.pdok.nl/introductie/-/article/cbs-bevolkingsspreiding-population-distribution-) to display the population density of the Netherlands.
[Live demo](https://cyclomedia-assessment.vercel.app/) (deployed on Vercel)
## Features
- Display base map using the BRT Achtergrondkaart and with EPSG:28992 projection (RD New)
- Toggle different WFS Layers from the Population Distribution Dataset
- Control overall opacity of overlay layers
- While hovering you'll see coordinates in EPSG:4326 (WGS84)
- Clicking with an overlay activated will show some important information in a popup
## Stack
- Yarn
- React 18
- Typescript
- TailwindCSS
- Leaflet & react-leaflet
- Proj4 & Proj4leaflet
## Resources used
- [BRT Achtergrondkaart](https://www.pdok.nl/introductie/-/article/basisregistratie-topografie-achtergrondkaarten-brt-a-)
- [Population Distribution Layer](https://www.pdok.nl/introductie/-/article/cbs-bevolkingsspreiding-population-distribution-)
## How to run
- Clone the repository
- `yarn install`
- `yarn dev`