Middle-Earth interactive map

This project aims to provide an interactive map of Middle-Earth during the Third Age as imagined by J.R.R. Tolkien in his books. All points of interest were collected on various representations of existing Middle-Earth maps.

Open Middle-Earth map.

Credits

• Map drawn in Figma with custom terrain & landmark elements.
• Button's icons: extracted from Remix Icon collection.
• Favicon: One Ring icon by Icons8.
• Map texture overlay: Image by rawpixel.com on Freepik.
• Compass rose (modified): Image by freepik.
• Fonts: Aniron and EB Garamond

Contribute

Feel free to open an issue or contribute if you'd like anything fixed or added.

Development

In order to work with this project, you will need to serve the index.html with a http server like serve or live-server.

You can globally install these packages.

Installation

# serve
npm install -g serve

# or live-server
npm install -g live-server

Usage

In the cloned repository, run the following commands:

# with serve
serve .

# or with live-server
live-server .