srt4rulez/fallout-new-vegas-interactive-map

An interactive map of the Mojave Wasteland in Fallout: New Vegas.

Fallout: New Vegas - Interactive Map

https://srt4rulez.github.io/fallout-new-vegas-interactive-map

An interactive map of the Mojave Wasteland in Fallout: New Vegas.

Features

• Contains all skill books and snow globes.
• Mark items as found to keep track of your progress. Your progress is saved in your browser.
• Each item type is color-coded to easily identify them.
• Toggle the visibility of found items.
• Toggle the visibility of a single item type.
• Every item has a corresponding link to an article on https://fallout.fandom.com/ for more info.

Other Interactive Maps

• gamemapscout

How does it work?

We use a library called Leaflet to create an interactive map, similar to Google Maps. Instead of a map of the real world, we load up an image of the Mojave Wasteland. This allows us to zoom, pan and interact with the map. It also allows us to add "markers" that when clicked, opens popups with custom content.

All the markers are stored in markers.json. Each marker has an ID, type, sub type (optional), title, description, url (optional), image (optional) and latitude and longitude values.

When setting a marker as "found", we update something called Local Storage in the browser. This is data that is saved in the browser and can survive refreshes. It's specific to the domain. This allows us to save your progress without having to store it in an external database. Your progress is only saved in your current browser though. If you visit the application on another browser, you won't see your previous data.

Debugging Latitude and Longitude

Open the developer tools in your browser (usually F12), go to the console tab, and type in "window.debug = true" and press enter to enable debug mode. Clicking on the map will now log the latitude and longitude to the console.

Development

To work on this repository, install Docker, then run the following command in the project root:

./run-docker-development.sh

This will start up a docker container that has everything we need to develop.

Simply install dependencies with yarn, then start the development server with create-react-app:

yarn install
yarn start

Go to http://localhost:3000/ in your browser on your machine to view the site.

Checkout https://github.com/facebook/create-react-app for more info.

fallout-new-vegas-interactive-map's Issues

index.html file cache

Seems that create react app has cache busting for its asset files (js, css, etc) but when deploying an update, the browser is still caching the html file itself, which would use the old assets.

Dependency Dashboard

This issue lists Renovate updates and detected dependencies. Read the Dependency Dashboard docs to learn more.

Rate-Limited

These updates are currently rate-limited. Click on a checkbox below to force their creation now.

• chore(deps): update dependency leaflet-defaulticon-compatibility to v0.1.2
• chore(deps): update dependency @types/node to v18.19.33
• chore(deps): update dependency classnames to v2.5.1
• chore(deps): update dependency dompurify to v2.5.2
• chore(deps): update dependency eslint to v8.57.0
• chore(deps): update dependency eslint-plugin-react to v7.34.1
• chore(deps): update dependency eslint-plugin-react-redux to v4.1.0
• chore(deps): update dependency react-redux to v8.1.3
• chore(deps): update dependency react-use to v17.5.0
• chore(deps): update emotion monorepo to v11.11.4 (@emotion/react, @emotion/styled)
• chore(deps): update jamesives/github-pages-deploy-action action to v4.6.0
• chore(deps): update react monorepo (@types/react, @types/react-dom, react, react-dom)
• chore(deps): update typescript-eslint monorepo to v5.62.0 (@typescript-eslint/eslint-plugin, @typescript-eslint/parser)
• chore(deps): update actions/checkout action to v4
• chore(deps): update actions/setup-node action to v4
• chore(deps): update dependency @fontsource/roboto to v5
• chore(deps): update dependency @reduxjs/toolkit to v2
• chore(deps): update dependency @tsconfig/create-react-app to v2
• chore(deps): update dependency @types/node to v20
• chore(deps): update dependency conventional-changelog-conventionalcommits to v8
• chore(deps): update dependency dompurify to v3 (dompurify, @types/dompurify)
• chore(deps): update dependency eslint to v9
• chore(deps): update dependency framer-motion to v11
• chore(deps): update dependency react-redux to v9
• chore(deps): update dependency semantic-release to v23
• chore(deps): update dependency typescript to v5
• chore(deps): update github/codeql-action action to v3
• chore(deps): update github/super-linter action to v6
• chore(deps): update typescript-eslint monorepo to v7 (major) (@typescript-eslint/eslint-plugin, @typescript-eslint/parser)
• 🔐 Create all rate-limited PRs at once 🔐

Open

These updates have all been created already. Click a checkbox below to force a retry/rebase of any.

• chore(deps): update dependency @reduxjs/toolkit to v1.9.7
• chore(deps): update dependency @semantic-release/changelog to v6.0.3
• chore(deps): update dependency leaflet to v1.9.4 (leaflet, @types/leaflet)
• chore(deps): update dependency @chakra-ui/react to v2.8.2
• chore(deps): update dependency commitizen to v4.3.0
• chore(deps): update dependency framer-motion to v7.10.3
• chore(deps): update dependency react-leaflet to v4.2.1
• chore(deps): update dependency sass to v1.77.0
• chore(deps): update dependency typescript to v4.9.5
• chore(deps): update font awesome to v6.5.2 (@fortawesome/fontawesome-svg-core, @fortawesome/free-regular-svg-icons, @fortawesome/free-solid-svg-icons)
• Click on this checkbox to rebase all open PRs at once

Detected dependencies

github-actions

.github/workflows/build-and-deploy.yml

• actions/checkout v3
• actions/setup-node v3
• JamesIves/github-pages-deploy-action v4.4.1

.github/workflows/codeql-analysis.yml

• actions/checkout v3
• github/codeql-action v2
• github/codeql-action v2
• github/codeql-action v2

.github/workflows/linter.yml

• actions/checkout v3
• actions/setup-node v3
• actions/checkout v3
• github/super-linter v4

.github/workflows/release.yml

• actions/checkout v3
• actions/setup-node v3

npm

package.json

• @chakra-ui/react ^2.1.2
• @emotion/react ^11
• @emotion/styled ^11
• @fontsource/roboto ^4.5.1
• @fortawesome/fontawesome-svg-core ^6.0.0
• @fortawesome/free-regular-svg-icons ^6.0.0
• @fortawesome/free-solid-svg-icons ^6.0.0
• @fortawesome/react-fontawesome ^0.2.0
• @reduxjs/toolkit ^1.7.1
• @semantic-release/changelog ^6.0.1
• @semantic-release/git ^10.0.1
• @tsconfig/create-react-app ^1.0.2
• @types/dompurify ^2.3.1
• @types/leaflet ^1.7.8
• @types/node ^18.0.0
• @types/react ^18.0.9
• @types/react-dom ^18.0.5
• @typescript-eslint/eslint-plugin ^5.8.1
• @typescript-eslint/parser ^5.6.0
• classnames ^2.3.1
• commitizen ^4.2.4
• conventional-changelog-conventionalcommits ^5.0.0
• cz-conventional-changelog ^3.3.0
• dompurify ^2.3.4
• eslint ^8.0.0
• eslint-plugin-react ^7.28.0
• eslint-plugin-react-redux ^4.0.0
• framer-motion ^7.0.0
• leaflet ^1.7.1
• leaflet-defaulticon-compatibility ^0.1.1
• prop-types ^15.8.1
• react ^18.0.0
• react-dom ^18.0.0
• react-leaflet ^4.0.0
• react-redux ^8.0.2
• react-scripts 5.0.1
• react-use ^17.3.1
• redux-persist ^6.0.0
• sass ^1.56.1
• semantic-release ^19.0.2
• typescript ^4.5.4

---

• Check this box to trigger a request for Renovate to run again on this repository

Roboto font not applying after chakra ui v2 update