The data comes from NOAA.
Stations
https://api.tidesandcurrents.noaa.gov/mdapi/prod/webapi/stations.json?type=tidepredictions
Tide Predictions
https://api.tidesandcurrents.noaa.gov/api/prod/datagetter?product=predictions&begin_date=20230707&end_date=20230810&datum=MLLW&station=8446166&time_zone=lst_ldt&units=english&interval=hilo&format=json&application=NOS.COOPS.TAC.TidePred
Uses Prettier. Check or Fix style
npm run check-style
npm run fix-style
My intent with this project is a simple React SPA.
- React
- React Router
- Vite with SWC for speedy dev builds
- Typescript because I need to learn stupid Typescript better
- Prettier
Start with Vite.
npm create vite@latest
✔ Project name: … tides
✔ Select a framework: › React
✔ Select a variant: › TypeScript + SWC
Add Prettier
npm install --save-dev --save-exact prettier
echo {}> .prettierrc.json
npx prettier . --write
Add eslint-config-prettier to have ESLint ignore style which will be handled by Prettier instead.
npm install --save-dev eslint-config-prettier