The backend and frontend implementations should be separated out into two different directories.

• Each project should have it's own dependencies and infrastructure code
• Each project should have it's own package.json file with the appropriate information
• The CI/CD pipeline will have to be updated to accommodate this change

If we want consistency in terms of design and theme, we should create a .scss file that declares some reusable colours that are easily implemented in other stylesheets.

• The colour palette should be appropriate for LOTR (pastels and muted colours)
• The names of the colours should make sense to whoever is implementing them
• The colours should be easily importable into any other .scss file

As the map is quite large and we are using an image overlay layer from Leaflet for the map, it can take quite long to load

• The spinner should cover and hide the map and pins until the image is fully loaded
• The spinner should be appropriate and LOTR themed, it can be custom or generated online
• It should gracefully fade away when loading is completed

Need to add some tests for the front-end with the existing Jest setup or with something like Cypress.

We can add this as part of the CI build at a later stage.

To handle the sending of SNS notifications and handling some basic API calls, we need to add some sort of basic backend.

• Infrastructure should be written in Terraform
• Preferably use Lambda functions to keep costs low
• Try out Express.js
• Deployment of backend changes should be done in the CI/CD pipeline

The package.json is still using the information from the boilerplate we used

• It should contain information specific to the project
• The tags should be correct
• The frontend and backend should have their own package.json files

We should write some basic documentation on how to get started with the project

• Build steps
• Test steps
• Contribution guidelines

Update the ugly repeating wood texture to something more interesting

It would be cool if we could add a day/night toggle.

• At night, the background would be dimmed and a color filter would apply to the map
• At day, the background would not be dimmed and no colour filter would be applied.
• Day would be the default
• The user should be able to toggle this from the UI with a switch

It would be nice to create a basic header/logo for the site that we can display on the Readme and in the top left of the expandable window.

• It should be transparent
• It should consist of the words 'Sounds of Middle-earth'

Once the following PR get's merged, we should call the lotr-api to get some nice LOTR quotes to display at the bottom of the page, preferably in the footer and with some nice styling.

• Should use the Aniron font
• Should gracefully fade each quote in and out
• Quotes should be formatted correctly without spelling mistakes
• We should display who said the quote and what movie it's from like here - https://github.com/EddieEldridge/clank/blob/master/src/api/TheOneAPI.ts#L36
• We may also want to pull quotes from here somehow rather than making API calls -> https://github.com/EddieEldridge/divide-and-conquer-4.6-text-files/blob/main/data/text/quotes.txt

We should credit any people who created things we are using on the site

• We should include links to each artists page
• We should credit the makers of the videos
• We should credit the maker of the map