The fourth iteration of this site is a React app, compiled to a static site using Gatsby. Styling framework is Mantine.
Two containers are provided - one is a Gatsby container and the other is a PHP container. The Gatsby container is used to run the Gatsby development server and the PHP container is used to run the PHP script that generates the json tidal data and which generates the PDFs. A VSCode task is provided for running the build script.
- Open a VS Code window at the root level of the project.
- Run Dev Containers: Reopen in Container from the Command Palette (F1) and select
Gatsby Container. - VS Code will then start up both containers, reload the current window and connect to the selected container.
- Next, open a new window using File > New Window.
- Open your project at root level in the current window.
- Run Dev Containers: Reopen in Container from the Command Palette (F1) and select
PHP Container. - The current VS Code window will reload and connect to the selected container.
- You can now interact with both containers from separate windows.
- Open a VS Code window at the root level of the project.
- Run Dev Containers: Reopen in Container from the Command Palette (F1) and select
Gatsby Container. - VS Code will then start up both containers, reload the current window and connect to the selected container.
- Run Dev Containers: Switch Container from the Command Palette (F1) and select
PHP Container. - The current VS Code window will reload and connect to the selected container.
- You can switch back with the same command
All Tidal Data is ©Crown Copyright. Reproduced by permission of the Controller of Her Majesty's Stationery Office and the UK Hydrographic Office (www.ukho.gov.uk). No tidal data may be reproduced without the expressed permission of the UKHO Licencing Department.
Tidal Predictions are provided for use by all water users though the developers of this site can not be held accountable for the accuracy of this data or any accidents that result from the use of this data.