diff --git a/package-lock.json b/package-lock.json
index e1910e4..f7c0947 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -10,13 +10,11 @@
       "hasInstallScript": true,
       "license": "MIT",
       "dependencies": {
-        "canvas": "^3.1.2",
         "cors": "^2.8.5",
         "dotenv": "^17.0.1",
         "express": "^4.18.2",
         "express-rate-limit": "^7.5.1",
         "node-cron": "^3.0.3",
-        "sharp": "^0.34.2",
         "sqlite3": "^5.1.6",
         "swagger-jsdoc": "^6.2.8",
         "swagger-ui-express": "^5.0.1"
@@ -729,16 +727,6 @@
         "@jridgewell/sourcemap-codec": "^1.4.10"
       }
     },
-    "node_modules/@emnapi/runtime": {
-      "version": "1.4.3",
-      "resolved": "https://registry.npmjs.org/@emnapi/runtime/-/runtime-1.4.3.tgz",
-      "integrity": "sha512-pBPWdu6MLKROBX05wSNKcNb++m5Er+KQ9QkB+WVM+pW2Kx9hoSrVTnu3BdkI5eBLZoKu/J6mW/B6i6bJB2ytXQ==",
-      "license": "MIT",
-      "optional": true,
-      "dependencies": {
-        "tslib": "^2.4.0"
-      }
-    },
     "node_modules/@eslint-community/eslint-utils": {
       "version": "4.7.0",
       "resolved": "https://registry.npmjs.org/@eslint-community/eslint-utils/-/eslint-utils-4.7.0.tgz",
@@ -1059,402 +1047,6 @@
         "url": "https://github.com/sponsors/nzakas"
       }
     },
-    "node_modules/@img/sharp-darwin-arm64": {
-      "version": "0.34.2",
-      "resolved": "https://registry.npmjs.org/@img/sharp-darwin-arm64/-/sharp-darwin-arm64-0.34.2.tgz",
-      "integrity": "sha512-OfXHZPppddivUJnqyKoi5YVeHRkkNE2zUFT2gbpKxp/JZCFYEYubnMg+gOp6lWfasPrTS+KPosKqdI+ELYVDtg==",
-      "cpu": [
-        "arm64"
-      ],
-      "license": "Apache-2.0",
-      "optional": true,
-      "os": [
-        "darwin"
-      ],
-      "engines": {
-        "node": "^18.17.0 || ^20.3.0 || >=21.0.0"
-      },
-      "funding": {
-        "url": "https://opencollective.com/libvips"
-      },
-      "optionalDependencies": {
-        "@img/sharp-libvips-darwin-arm64": "1.1.0"
-      }
-    },
-    "node_modules/@img/sharp-darwin-x64": {
-      "version": "0.34.2",
-      "resolved": "https://registry.npmjs.org/@img/sharp-darwin-x64/-/sharp-darwin-x64-0.34.2.tgz",
-      "integrity": "sha512-dYvWqmjU9VxqXmjEtjmvHnGqF8GrVjM2Epj9rJ6BUIXvk8slvNDJbhGFvIoXzkDhrJC2jUxNLz/GUjjvSzfw+g==",
-      "cpu": [
-        "x64"
-      ],
-      "license": "Apache-2.0",
-      "optional": true,
-      "os": [
-        "darwin"
-      ],
-      "engines": {
-        "node": "^18.17.0 || ^20.3.0 || >=21.0.0"
-      },
-      "funding": {
-        "url": "https://opencollective.com/libvips"
-      },
-      "optionalDependencies": {
-        "@img/sharp-libvips-darwin-x64": "1.1.0"
-      }
-    },
-    "node_modules/@img/sharp-libvips-darwin-arm64": {
-      "version": "1.1.0",
-      "resolved": "https://registry.npmjs.org/@img/sharp-libvips-darwin-arm64/-/sharp-libvips-darwin-arm64-1.1.0.tgz",
-      "integrity": "sha512-HZ/JUmPwrJSoM4DIQPv/BfNh9yrOA8tlBbqbLz4JZ5uew2+o22Ik+tHQJcih7QJuSa0zo5coHTfD5J8inqj9DA==",
-      "cpu": [
-        "arm64"
-      ],
-      "license": "LGPL-3.0-or-later",
-      "optional": true,
-      "os": [
-        "darwin"
-      ],
-      "funding": {
-        "url": "https://opencollective.com/libvips"
-      }
-    },
-    "node_modules/@img/sharp-libvips-darwin-x64": {
-      "version": "1.1.0",
-      "resolved": "https://registry.npmjs.org/@img/sharp-libvips-darwin-x64/-/sharp-libvips-darwin-x64-1.1.0.tgz",
-      "integrity": "sha512-Xzc2ToEmHN+hfvsl9wja0RlnXEgpKNmftriQp6XzY/RaSfwD9th+MSh0WQKzUreLKKINb3afirxW7A0fz2YWuQ==",
-      "cpu": [
-        "x64"
-      ],
-      "license": "LGPL-3.0-or-later",
-      "optional": true,
-      "os": [
-        "darwin"
-      ],
-      "funding": {
-        "url": "https://opencollective.com/libvips"
-      }
-    },
-    "node_modules/@img/sharp-libvips-linux-arm": {
-      "version": "1.1.0",
-      "resolved": "https://registry.npmjs.org/@img/sharp-libvips-linux-arm/-/sharp-libvips-linux-arm-1.1.0.tgz",
-      "integrity": "sha512-s8BAd0lwUIvYCJyRdFqvsj+BJIpDBSxs6ivrOPm/R7piTs5UIwY5OjXrP2bqXC9/moGsyRa37eYWYCOGVXxVrA==",
-      "cpu": [
-        "arm"
-      ],
-      "license": "LGPL-3.0-or-later",
-      "optional": true,
-      "os": [
-        "linux"
-      ],
-      "funding": {
-        "url": "https://opencollective.com/libvips"
-      }
-    },
-    "node_modules/@img/sharp-libvips-linux-arm64": {
-      "version": "1.1.0",
-      "resolved": "https://registry.npmjs.org/@img/sharp-libvips-linux-arm64/-/sharp-libvips-linux-arm64-1.1.0.tgz",
-      "integrity": "sha512-IVfGJa7gjChDET1dK9SekxFFdflarnUB8PwW8aGwEoF3oAsSDuNUTYS+SKDOyOJxQyDC1aPFMuRYLoDInyV9Ew==",
-      "cpu": [
-        "arm64"
-      ],
-      "license": "LGPL-3.0-or-later",
-      "optional": true,
-      "os": [
-        "linux"
-      ],
-      "funding": {
-        "url": "https://opencollective.com/libvips"
-      }
-    },
-    "node_modules/@img/sharp-libvips-linux-ppc64": {
-      "version": "1.1.0",
-      "resolved": "https://registry.npmjs.org/@img/sharp-libvips-linux-ppc64/-/sharp-libvips-linux-ppc64-1.1.0.tgz",
-      "integrity": "sha512-tiXxFZFbhnkWE2LA8oQj7KYR+bWBkiV2nilRldT7bqoEZ4HiDOcePr9wVDAZPi/Id5fT1oY9iGnDq20cwUz8lQ==",
-      "cpu": [
-        "ppc64"
-      ],
-      "license": "LGPL-3.0-or-later",
-      "optional": true,
-      "os": [
-        "linux"
-      ],
-      "funding": {
-        "url": "https://opencollective.com/libvips"
-      }
-    },
-    "node_modules/@img/sharp-libvips-linux-s390x": {
-      "version": "1.1.0",
-      "resolved": "https://registry.npmjs.org/@img/sharp-libvips-linux-s390x/-/sharp-libvips-linux-s390x-1.1.0.tgz",
-      "integrity": "sha512-xukSwvhguw7COyzvmjydRb3x/09+21HykyapcZchiCUkTThEQEOMtBj9UhkaBRLuBrgLFzQ2wbxdeCCJW/jgJA==",
-      "cpu": [
-        "s390x"
-      ],
-      "license": "LGPL-3.0-or-later",
-      "optional": true,
-      "os": [
-        "linux"
-      ],
-      "funding": {
-        "url": "https://opencollective.com/libvips"
-      }
-    },
-    "node_modules/@img/sharp-libvips-linux-x64": {
-      "version": "1.1.0",
-      "resolved": "https://registry.npmjs.org/@img/sharp-libvips-linux-x64/-/sharp-libvips-linux-x64-1.1.0.tgz",
-      "integrity": "sha512-yRj2+reB8iMg9W5sULM3S74jVS7zqSzHG3Ol/twnAAkAhnGQnpjj6e4ayUz7V+FpKypwgs82xbRdYtchTTUB+Q==",
-      "cpu": [
-        "x64"
-      ],
-      "license": "LGPL-3.0-or-later",
-      "optional": true,
-      "os": [
-        "linux"
-      ],
-      "funding": {
-        "url": "https://opencollective.com/libvips"
-      }
-    },
-    "node_modules/@img/sharp-libvips-linuxmusl-arm64": {
-      "version": "1.1.0",
-      "resolved": "https://registry.npmjs.org/@img/sharp-libvips-linuxmusl-arm64/-/sharp-libvips-linuxmusl-arm64-1.1.0.tgz",
-      "integrity": "sha512-jYZdG+whg0MDK+q2COKbYidaqW/WTz0cc1E+tMAusiDygrM4ypmSCjOJPmFTvHHJ8j/6cAGyeDWZOsK06tP33w==",
-      "cpu": [
-        "arm64"
-      ],
-      "license": "LGPL-3.0-or-later",
-      "optional": true,
-      "os": [
-        "linux"
-      ],
-      "funding": {
-        "url": "https://opencollective.com/libvips"
-      }
-    },
-    "node_modules/@img/sharp-libvips-linuxmusl-x64": {
-      "version": "1.1.0",
-      "resolved": "https://registry.npmjs.org/@img/sharp-libvips-linuxmusl-x64/-/sharp-libvips-linuxmusl-x64-1.1.0.tgz",
-      "integrity": "sha512-wK7SBdwrAiycjXdkPnGCPLjYb9lD4l6Ze2gSdAGVZrEL05AOUJESWU2lhlC+Ffn5/G+VKuSm6zzbQSzFX/P65A==",
-      "cpu": [
-        "x64"
-      ],
-      "license": "LGPL-3.0-or-later",
-      "optional": true,
-      "os": [
-        "linux"
-      ],
-      "funding": {
-        "url": "https://opencollective.com/libvips"
-      }
-    },
-    "node_modules/@img/sharp-linux-arm": {
-      "version": "0.34.2",
-      "resolved": "https://registry.npmjs.org/@img/sharp-linux-arm/-/sharp-linux-arm-0.34.2.tgz",
-      "integrity": "sha512-0DZzkvuEOqQUP9mo2kjjKNok5AmnOr1jB2XYjkaoNRwpAYMDzRmAqUIa1nRi58S2WswqSfPOWLNOr0FDT3H5RQ==",
-      "cpu": [
-        "arm"
-      ],
-      "license": "Apache-2.0",
-      "optional": true,
-      "os": [
-        "linux"
-      ],
-      "engines": {
-        "node": "^18.17.0 || ^20.3.0 || >=21.0.0"
-      },
-      "funding": {
-        "url": "https://opencollective.com/libvips"
-      },
-      "optionalDependencies": {
-        "@img/sharp-libvips-linux-arm": "1.1.0"
-      }
-    },
-    "node_modules/@img/sharp-linux-arm64": {
-      "version": "0.34.2",
-      "resolved": "https://registry.npmjs.org/@img/sharp-linux-arm64/-/sharp-linux-arm64-0.34.2.tgz",
-      "integrity": "sha512-D8n8wgWmPDakc83LORcfJepdOSN6MvWNzzz2ux0MnIbOqdieRZwVYY32zxVx+IFUT8er5KPcyU3XXsn+GzG/0Q==",
-      "cpu": [
-        "arm64"
-      ],
-      "license": "Apache-2.0",
-      "optional": true,
-      "os": [
-        "linux"
-      ],
-      "engines": {
-        "node": "^18.17.0 || ^20.3.0 || >=21.0.0"
-      },
-      "funding": {
-        "url": "https://opencollective.com/libvips"
-      },
-      "optionalDependencies": {
-        "@img/sharp-libvips-linux-arm64": "1.1.0"
-      }
-    },
-    "node_modules/@img/sharp-linux-s390x": {
-      "version": "0.34.2",
-      "resolved": "https://registry.npmjs.org/@img/sharp-linux-s390x/-/sharp-linux-s390x-0.34.2.tgz",
-      "integrity": "sha512-EGZ1xwhBI7dNISwxjChqBGELCWMGDvmxZXKjQRuqMrakhO8QoMgqCrdjnAqJq/CScxfRn+Bb7suXBElKQpPDiw==",
-      "cpu": [
-        "s390x"
-      ],
-      "license": "Apache-2.0",
-      "optional": true,
-      "os": [
-        "linux"
-      ],
-      "engines": {
-        "node": "^18.17.0 || ^20.3.0 || >=21.0.0"
-      },
-      "funding": {
-        "url": "https://opencollective.com/libvips"
-      },
-      "optionalDependencies": {
-        "@img/sharp-libvips-linux-s390x": "1.1.0"
-      }
-    },
-    "node_modules/@img/sharp-linux-x64": {
-      "version": "0.34.2",
-      "resolved": "https://registry.npmjs.org/@img/sharp-linux-x64/-/sharp-linux-x64-0.34.2.tgz",
-      "integrity": "sha512-sD7J+h5nFLMMmOXYH4DD9UtSNBD05tWSSdWAcEyzqW8Cn5UxXvsHAxmxSesYUsTOBmUnjtxghKDl15EvfqLFbQ==",
-      "cpu": [
-        "x64"
-      ],
-      "license": "Apache-2.0",
-      "optional": true,
-      "os": [
-        "linux"
-      ],
-      "engines": {
-        "node": "^18.17.0 || ^20.3.0 || >=21.0.0"
-      },
-      "funding": {
-        "url": "https://opencollective.com/libvips"
-      },
-      "optionalDependencies": {
-        "@img/sharp-libvips-linux-x64": "1.1.0"
-      }
-    },
-    "node_modules/@img/sharp-linuxmusl-arm64": {
-      "version": "0.34.2",
-      "resolved": "https://registry.npmjs.org/@img/sharp-linuxmusl-arm64/-/sharp-linuxmusl-arm64-0.34.2.tgz",
-      "integrity": "sha512-NEE2vQ6wcxYav1/A22OOxoSOGiKnNmDzCYFOZ949xFmrWZOVII1Bp3NqVVpvj+3UeHMFyN5eP/V5hzViQ5CZNA==",
-      "cpu": [
-        "arm64"
-      ],
-      "license": "Apache-2.0",
-      "optional": true,
-      "os": [
-        "linux"
-      ],
-      "engines": {
-        "node": "^18.17.0 || ^20.3.0 || >=21.0.0"
-      },
-      "funding": {
-        "url": "https://opencollective.com/libvips"
-      },
-      "optionalDependencies": {
-        "@img/sharp-libvips-linuxmusl-arm64": "1.1.0"
-      }
-    },
-    "node_modules/@img/sharp-linuxmusl-x64": {
-      "version": "0.34.2",
-      "resolved": "https://registry.npmjs.org/@img/sharp-linuxmusl-x64/-/sharp-linuxmusl-x64-0.34.2.tgz",
-      "integrity": "sha512-DOYMrDm5E6/8bm/yQLCWyuDJwUnlevR8xtF8bs+gjZ7cyUNYXiSf/E8Kp0Ss5xasIaXSHzb888V1BE4i1hFhAA==",
-      "cpu": [
-        "x64"
-      ],
-      "license": "Apache-2.0",
-      "optional": true,
-      "os": [
-        "linux"
-      ],
-      "engines": {
-        "node": "^18.17.0 || ^20.3.0 || >=21.0.0"
-      },
-      "funding": {
-        "url": "https://opencollective.com/libvips"
-      },
-      "optionalDependencies": {
-        "@img/sharp-libvips-linuxmusl-x64": "1.1.0"
-      }
-    },
-    "node_modules/@img/sharp-wasm32": {
-      "version": "0.34.2",
-      "resolved": "https://registry.npmjs.org/@img/sharp-wasm32/-/sharp-wasm32-0.34.2.tgz",
-      "integrity": "sha512-/VI4mdlJ9zkaq53MbIG6rZY+QRN3MLbR6usYlgITEzi4Rpx5S6LFKsycOQjkOGmqTNmkIdLjEvooFKwww6OpdQ==",
-      "cpu": [
-        "wasm32"
-      ],
-      "license": "Apache-2.0 AND LGPL-3.0-or-later AND MIT",
-      "optional": true,
-      "dependencies": {
-        "@emnapi/runtime": "^1.4.3"
-      },
-      "engines": {
-        "node": "^18.17.0 || ^20.3.0 || >=21.0.0"
-      },
-      "funding": {
-        "url": "https://opencollective.com/libvips"
-      }
-    },
-    "node_modules/@img/sharp-win32-arm64": {
-      "version": "0.34.2",
-      "resolved": "https://registry.npmjs.org/@img/sharp-win32-arm64/-/sharp-win32-arm64-0.34.2.tgz",
-      "integrity": "sha512-cfP/r9FdS63VA5k0xiqaNaEoGxBg9k7uE+RQGzuK9fHt7jib4zAVVseR9LsE4gJcNWgT6APKMNnCcnyOtmSEUQ==",
-      "cpu": [
-        "arm64"
-      ],
-      "license": "Apache-2.0 AND LGPL-3.0-or-later",
-      "optional": true,
-      "os": [
-        "win32"
-      ],
-      "engines": {
-        "node": "^18.17.0 || ^20.3.0 || >=21.0.0"
-      },
-      "funding": {
-        "url": "https://opencollective.com/libvips"
-      }
-    },
-    "node_modules/@img/sharp-win32-ia32": {
-      "version": "0.34.2",
-      "resolved": "https://registry.npmjs.org/@img/sharp-win32-ia32/-/sharp-win32-ia32-0.34.2.tgz",
-      "integrity": "sha512-QLjGGvAbj0X/FXl8n1WbtQ6iVBpWU7JO94u/P2M4a8CFYsvQi4GW2mRy/JqkRx0qpBzaOdKJKw8uc930EX2AHw==",
-      "cpu": [
-        "ia32"
-      ],
-      "license": "Apache-2.0 AND LGPL-3.0-or-later",
-      "optional": true,
-      "os": [
-        "win32"
-      ],
-      "engines": {
-        "node": "^18.17.0 || ^20.3.0 || >=21.0.0"
-      },
-      "funding": {
-        "url": "https://opencollective.com/libvips"
-      }
-    },
-    "node_modules/@img/sharp-win32-x64": {
-      "version": "0.34.2",
-      "resolved": "https://registry.npmjs.org/@img/sharp-win32-x64/-/sharp-win32-x64-0.34.2.tgz",
-      "integrity": "sha512-aUdT6zEYtDKCaxkofmmJDJYGCf0+pJg3eU9/oBuqvEeoB9dKI6ZLc/1iLJCTuJQDO4ptntAlkUmHgGjyuobZbw==",
-      "cpu": [
-        "x64"
-      ],
-      "license": "Apache-2.0 AND LGPL-3.0-or-later",
-      "optional": true,
-      "os": [
-        "win32"
-      ],
-      "engines": {
-        "node": "^18.17.0 || ^20.3.0 || >=21.0.0"
-      },
-      "funding": {
-        "url": "https://opencollective.com/libvips"
-      }
-    },
     "node_modules/@istanbuljs/load-nyc-config": {
       "version": "1.1.0",
       "resolved": "https://registry.npmjs.org/@istanbuljs/load-nyc-config/-/load-nyc-config-1.1.0.tgz",
@@ -3940,20 +3532,6 @@
       ],
       "license": "CC-BY-4.0"
     },
-    "node_modules/canvas": {
-      "version": "3.1.2",
-      "resolved": "https://registry.npmjs.org/canvas/-/canvas-3.1.2.tgz",
-      "integrity": "sha512-Z/tzFAcBzoCvJlOSlCnoekh1Gu8YMn0J51+UAuXJAbW1Z6I9l2mZgdD7738MepoeeIcUdDtbMnOg6cC7GJxy/g==",
-      "hasInstallScript": true,
-      "license": "MIT",
-      "dependencies": {
-        "node-addon-api": "^7.0.0",
-        "prebuild-install": "^7.1.3"
-      },
-      "engines": {
-        "node": "^18.12.0 || >= 20.9.0"
-      }
-    },
     "node_modules/chalk": {
       "version": "4.1.2",
       "resolved": "https://registry.npmjs.org/chalk/-/chalk-4.1.2.tgz",
@@ -4104,23 +3682,11 @@
       "dev": true,
       "license": "MIT"
     },
-    "node_modules/color": {
-      "version": "4.2.3",
-      "resolved": "https://registry.npmjs.org/color/-/color-4.2.3.tgz",
-      "integrity": "sha512-1rXeuUUiGGrykh+CeBdu5Ie7OJwinCgQY0bc7GCRxy5xVHy+moaqkpL/jqQq0MtQOeYcrqEz4abc5f0KtU7W4A==",
-      "license": "MIT",
-      "dependencies": {
-        "color-convert": "^2.0.1",
-        "color-string": "^1.9.0"
-      },
-      "engines": {
-        "node": ">=12.5.0"
-      }
-    },
     "node_modules/color-convert": {
       "version": "2.0.1",
       "resolved": "https://registry.npmjs.org/color-convert/-/color-convert-2.0.1.tgz",
       "integrity": "sha512-RRECPsj7iu/xb5oKYcsFHSppFNnsj/52OVTRKb4zP5onXwVF3zVmmToNcOfGC+CRDpfK/U584fMg38ZHCaElKQ==",
+      "dev": true,
       "license": "MIT",
       "dependencies": {
         "color-name": "~1.1.4"
@@ -4133,18 +3699,9 @@
       "version": "1.1.4",
       "resolved": "https://registry.npmjs.org/color-name/-/color-name-1.1.4.tgz",
       "integrity": "sha512-dOy+3AuW3a2wNbZHIuMZpTcgjGuLU/uBL/ubcZF9OXbDo8ff4O8yVp5Bf0efS8uEoYo5q4Fx7dY9OgQGXgAsQA==",
+      "dev": true,
       "license": "MIT"
     },
-    "node_modules/color-string": {
-      "version": "1.9.1",
-      "resolved": "https://registry.npmjs.org/color-string/-/color-string-1.9.1.tgz",
-      "integrity": "sha512-shrVawQFojnZv6xM40anx4CkoDP+fZsw/ZerEMsW/pyzsRbElpsL/DBVW7q3ExxwusdNXI3lXpuhEZkzs8p5Eg==",
-      "license": "MIT",
-      "dependencies": {
-        "color-name": "^1.0.0",
-        "simple-swizzle": "^0.2.2"
-      }
-    },
     "node_modules/color-support": {
       "version": "1.1.3",
       "resolved": "https://registry.npmjs.org/color-support/-/color-support-1.1.3.tgz",
@@ -8663,47 +8220,6 @@
       "integrity": "sha512-E5LDX7Wrp85Kil5bhZv46j8jOeboKq5JMmYM3gVGdGH8xFpPWXUMsNrlODCrkoxMEeNi/XZIwuRvY4XNwYMJpw==",
       "license": "ISC"
     },
-    "node_modules/sharp": {
-      "version": "0.34.2",
-      "resolved": "https://registry.npmjs.org/sharp/-/sharp-0.34.2.tgz",
-      "integrity": "sha512-lszvBmB9QURERtyKT2bNmsgxXK0ShJrL/fvqlonCo7e6xBF8nT8xU6pW+PMIbLsz0RxQk3rgH9kd8UmvOzlMJg==",
-      "hasInstallScript": true,
-      "license": "Apache-2.0",
-      "dependencies": {
-        "color": "^4.2.3",
-        "detect-libc": "^2.0.4",
-        "semver": "^7.7.2"
-      },
-      "engines": {
-        "node": "^18.17.0 || ^20.3.0 || >=21.0.0"
-      },
-      "funding": {
-        "url": "https://opencollective.com/libvips"
-      },
-      "optionalDependencies": {
-        "@img/sharp-darwin-arm64": "0.34.2",
-        "@img/sharp-darwin-x64": "0.34.2",
-        "@img/sharp-libvips-darwin-arm64": "1.1.0",
-        "@img/sharp-libvips-darwin-x64": "1.1.0",
-        "@img/sharp-libvips-linux-arm": "1.1.0",
-        "@img/sharp-libvips-linux-arm64": "1.1.0",
-        "@img/sharp-libvips-linux-ppc64": "1.1.0",
-        "@img/sharp-libvips-linux-s390x": "1.1.0",
-        "@img/sharp-libvips-linux-x64": "1.1.0",
-        "@img/sharp-libvips-linuxmusl-arm64": "1.1.0",
-        "@img/sharp-libvips-linuxmusl-x64": "1.1.0",
-        "@img/sharp-linux-arm": "0.34.2",
-        "@img/sharp-linux-arm64": "0.34.2",
-        "@img/sharp-linux-s390x": "0.34.2",
-        "@img/sharp-linux-x64": "0.34.2",
-        "@img/sharp-linuxmusl-arm64": "0.34.2",
-        "@img/sharp-linuxmusl-x64": "0.34.2",
-        "@img/sharp-wasm32": "0.34.2",
-        "@img/sharp-win32-arm64": "0.34.2",
-        "@img/sharp-win32-ia32": "0.34.2",
-        "@img/sharp-win32-x64": "0.34.2"
-      }
-    },
     "node_modules/shebang-command": {
       "version": "2.0.0",
       "resolved": "https://registry.npmjs.org/shebang-command/-/shebang-command-2.0.0.tgz",
@@ -8864,21 +8380,6 @@
         "simple-concat": "^1.0.0"
       }
     },
-    "node_modules/simple-swizzle": {
-      "version": "0.2.2",
-      "resolved": "https://registry.npmjs.org/simple-swizzle/-/simple-swizzle-0.2.2.tgz",
-      "integrity": "sha512-JA//kQgZtbuY83m+xT+tXJkmJncGMTFT+C+g2h2R9uxkYIrE2yy9sgmcLhCnw57/WSD+Eh3J97FPEDFnbXnDUg==",
-      "license": "MIT",
-      "dependencies": {
-        "is-arrayish": "^0.3.1"
-      }
-    },
-    "node_modules/simple-swizzle/node_modules/is-arrayish": {
-      "version": "0.3.2",
-      "resolved": "https://registry.npmjs.org/is-arrayish/-/is-arrayish-0.3.2.tgz",
-      "integrity": "sha512-eVRqCvVlZbuw3GrM63ovNSNAeA1K16kaR/LRY/92w0zxQ5/1YzwblUX652i4Xs9RwAGjW9d9y6X88t8OaAJfWQ==",
-      "license": "MIT"
-    },
     "node_modules/simple-update-notifier": {
       "version": "2.0.0",
       "resolved": "https://registry.npmjs.org/simple-update-notifier/-/simple-update-notifier-2.0.0.tgz",
@@ -9581,7 +9082,7 @@
       "version": "2.8.1",
       "resolved": "https://registry.npmjs.org/tslib/-/tslib-2.8.1.tgz",
       "integrity": "sha512-oJFu94HQb+KVduSUQL7wnpmqnfmLsOA/nAh6b6EH0wCEoK0/mPeXU6c3wKDV83MkOuHPRHtSXKKU99IBazS/2w==",
-      "devOptional": true,
+      "dev": true,
       "license": "0BSD"
     },
     "node_modules/tunnel-agent": {
diff --git a/package.json b/package.json
index e6e4740..e87b012 100644
--- a/package.json
+++ b/package.json
@@ -13,8 +13,9 @@
     "watch-css": "sass src/scss/main.scss public/style.css --watch --style=expanded --source-map",
     "dev-with-css": "concurrently \"npm run watch-css\" \"npm run dev\"",
     "dev-with-css:ts": "concurrently \"npm run watch-css\" \"npm run dev:ts\"",
-    "build": "npm run build:ts && npm run build-css",
+    "build": "npm run build:ts && npm run build-css && npm run copy-i18n",
     "build:ts": "tsc",
+    "copy-i18n": "mkdir -p dist/i18n/locales && cp -r src/i18n/locales/* dist/i18n/locales/",
     "test": "jest --runInBand --forceExit",
     "test:coverage": "jest --coverage",
     "lint": "eslint src/ tests/",
diff --git a/public/app.js b/public/app.js
index 85e2ae4..d9efa78 100644
--- a/public/app.js
+++ b/public/app.js
@@ -82,7 +82,10 @@ document.addEventListener('DOMContentLoaded', () => {
             .then(locations => {
                 showMarkers(locations);
                 const countElement = document.getElementById('location-count');
-                countElement.textContent = `${locations.length} active report${locations.length !== 1 ? 's' : ''}`;
+                const reportsText = locations.length === 1 ? 
+                    (window.t ? window.t('map.activeReports') : 'active report') :
+                    (window.t ? window.t('map.activeReportsPlural') : 'active reports');
+                countElement.textContent = `${locations.length} ${reportsText}`;
                 
                 // Add visual indicator of last update
                 const now = new Date();
@@ -92,11 +95,13 @@ document.addEventListener('DOMContentLoaded', () => {
                     minute: '2-digit',
                     second: '2-digit'
                 });
-                countElement.title = `Last updated: ${timeStr}`;
+                const lastUpdatedText = window.t ? window.t('time.lastUpdated') : 'Last updated:';
+                countElement.title = `${lastUpdatedText} ${timeStr}`;
             })
             .catch(err => {
                 console.error('Error fetching locations:', err);
-                document.getElementById('location-count').textContent = 'Error loading locations';
+                const errorText = window.t ? window.t('table.errorLoading') : 'Error loading locations';
+                document.getElementById('location-count').textContent = errorText;
             });
     };
     
@@ -242,13 +247,15 @@ document.addEventListener('DOMContentLoaded', () => {
             .then(location => {
                 // Immediately refresh all locations to show the new one
                 refreshLocations();
-                messageDiv.textContent = 'Location reported successfully!';
+                const successText = window.t ? window.t('form.reportSubmittedMsg') : 'Location reported successfully!';
+                messageDiv.textContent = successText;
                 messageDiv.className = 'message success';
                 locationForm.reset();
             })
             .catch(err => {
                 console.error('Error reporting location:', err);
-                messageDiv.textContent = 'Error reporting location.';
+                const errorText = window.t ? window.t('form.submitError') : 'Error reporting location.';
+                messageDiv.textContent = errorText;
                 messageDiv.className = 'message error';
             })
             .finally(() => {
diff --git a/public/i18n.js b/public/i18n.js
new file mode 100644
index 0000000..0d814b0
--- /dev/null
+++ b/public/i18n.js
@@ -0,0 +1,276 @@
+/**
+ * Frontend internationalization (i18n) service
+ * Provides translation support for client-side JavaScript
+ */
+
+class I18nService {
+  constructor() {
+    this.translations = new Map();
+    this.defaultLocale = 'en';
+    this.availableLocales = ['en', 'es-MX'];
+    this.currentLocale = this.getStoredLocale() || this.detectBrowserLocale();
+    this.loadTranslations();
+  }
+
+  /**
+   * Load translation data from the server
+   */
+  async loadTranslations() {
+    for (const locale of this.availableLocales) {
+      try {
+        const response = await fetch(`/api/i18n/${locale}`);
+        if (response.ok) {
+          const translations = await response.json();
+          this.translations.set(locale, translations);
+          console.log(`Loaded translations for locale: ${locale}`);
+        }
+      } catch (error) {
+        console.error(`Failed to load translations for locale ${locale}:`, error);
+      }
+    }
+    
+    // Trigger translation update after loading
+    this.updatePageTranslations();
+    
+    // Create language selector after translations are loaded
+    this.createLanguageSelector('language-selector-container');
+  }
+
+  /**
+   * Get a translated string by key path
+   */
+  t(keyPath, locale = null, params = null) {
+    const targetLocale = locale || this.currentLocale;
+    const translations = this.translations.get(targetLocale) || this.translations.get(this.defaultLocale);
+    
+    if (!translations) {
+      console.warn(`No translations found for locale: ${targetLocale}`);
+      return keyPath;
+    }
+
+    const keys = keyPath.split('.');
+    let value = translations;
+
+    for (const key of keys) {
+      value = value?.[key];
+      if (value === undefined) {
+        // Fallback to default locale if key not found
+        if (targetLocale !== this.defaultLocale) {
+          return this.t(keyPath, this.defaultLocale, params);
+        }
+        console.warn(`Translation key not found: ${keyPath} for locale: ${targetLocale}`);
+        return keyPath;
+      }
+    }
+
+    if (typeof value !== 'string') {
+      console.warn(`Translation value is not a string for key: ${keyPath}`);
+      return keyPath;
+    }
+
+    // Replace parameters if provided
+    if (params) {
+      return this.replaceParams(value, params);
+    }
+
+    return value;
+  }
+
+  /**
+   * Replace parameters in translation strings
+   */
+  replaceParams(text, params) {
+    return text.replace(/\{\{(\w+)\}\}/g, (match, key) => {
+      return params[key] || match;
+    });
+  }
+
+  /**
+   * Set the current locale and update the UI
+   */
+  async setLocale(locale) {
+    if (!this.availableLocales.includes(locale)) {
+      console.warn(`Unsupported locale: ${locale}`);
+      return;
+    }
+
+    this.currentLocale = locale;
+    this.storeLocale(locale);
+    
+    // Update HTML lang attribute
+    document.documentElement.lang = locale;
+    
+    // Update page translations
+    this.updatePageTranslations();
+    
+    // Trigger custom event for components to update
+    window.dispatchEvent(new CustomEvent('localeChanged', { detail: { locale } }));
+  }
+
+  /**
+   * Get current locale
+   */
+  getLocale() {
+    return this.currentLocale;
+  }
+
+  /**
+   * Get available locales
+   */
+  getAvailableLocales() {
+    return [...this.availableLocales];
+  }
+
+  /**
+   * Get locale display name
+   */
+  getLocaleDisplayName(locale) {
+    const displayNames = {
+      'en': 'English',
+      'es-MX': 'Español (México)'
+    };
+    return displayNames[locale] || locale;
+  }
+
+  /**
+   * Detect browser's preferred locale
+   */
+  detectBrowserLocale() {
+    const browserLang = navigator.language || navigator.languages?.[0];
+    
+    if (!browserLang) {
+      return this.defaultLocale;
+    }
+
+    // Check for exact match first
+    if (this.availableLocales.includes(browserLang)) {
+      return browserLang;
+    }
+    
+    // Check for language match (e.g., "es" matches "es-MX")
+    const languageCode = browserLang.split('-')[0];
+    const matchingLocale = this.availableLocales.find(locale => 
+      locale.startsWith(languageCode)
+    );
+    
+    return matchingLocale || this.defaultLocale;
+  }
+
+  /**
+   * Store locale preference in localStorage
+   */
+  storeLocale(locale) {
+    try {
+      localStorage.setItem('preferredLocale', locale);
+    } catch (error) {
+      console.warn('Failed to store locale preference:', error);
+    }
+  }
+
+  /**
+   * Get stored locale preference from localStorage
+   */
+  getStoredLocale() {
+    try {
+      return localStorage.getItem('preferredLocale');
+    } catch (error) {
+      console.warn('Failed to get stored locale preference:', error);
+      return null;
+    }
+  }
+
+  /**
+   * Update page translations using data-i18n attributes
+   */
+  updatePageTranslations() {
+    // Update elements with data-i18n attribute
+    document.querySelectorAll('[data-i18n]').forEach(element => {
+      const key = element.getAttribute('data-i18n');
+      const translation = this.t(key);
+      
+      if (element.tagName === 'INPUT' && (element.type === 'text' || element.type === 'password')) {
+        element.placeholder = translation;
+      } else if (element.hasAttribute('title')) {
+        element.title = translation;
+      } else {
+        element.textContent = translation;
+      }
+    });
+
+    // Update elements with data-i18n-html attribute (for HTML content)
+    document.querySelectorAll('[data-i18n-html]').forEach(element => {
+      const key = element.getAttribute('data-i18n-html');
+      const translation = this.t(key);
+      element.innerHTML = translation;
+    });
+
+    // Update page title if it has translation
+    const titleElement = document.querySelector('title[data-i18n]');
+    if (titleElement) {
+      const key = titleElement.getAttribute('data-i18n');
+      document.title = this.t(key);
+    }
+
+    // Update meta description if it has translation
+    const metaDescription = document.querySelector('meta[name="description"][data-i18n]');
+    if (metaDescription) {
+      const key = metaDescription.getAttribute('data-i18n');
+      metaDescription.content = this.t(key);
+    }
+  }
+
+  /**
+   * Create language selector dropdown
+   */
+  createLanguageSelector(containerId) {
+    const container = document.getElementById(containerId);
+    if (!container) {
+      console.warn(`Container with id "${containerId}" not found`);
+      return;
+    }
+
+    // Clear container first in case it's being recreated
+    container.innerHTML = '';
+
+    const select = document.createElement('select');
+    select.id = 'language-selector';
+    select.className = 'language-selector';
+    
+    // Use fallback title if translations not loaded yet
+    const titleText = this.translations.size > 0 ? this.t('common.selectLanguage') : 'Select language';
+    select.title = titleText;
+
+    // Add options for each available locale
+    this.availableLocales.forEach(locale => {
+      const option = document.createElement('option');
+      option.value = locale;
+      option.textContent = this.getLocaleDisplayName(locale);
+      option.selected = locale === this.currentLocale;
+      select.appendChild(option);
+    });
+
+    // Add change event listener
+    select.addEventListener('change', (event) => {
+      this.setLocale(event.target.value);
+    });
+
+    container.appendChild(select);
+  }
+}
+
+// Create global instance
+window.i18n = new I18nService();
+
+// Helper function for easier access
+window.t = function(keyPath, locale = null, params = null) {
+  return window.i18n.t(keyPath, locale, params);
+};
+
+// Auto-initialize when DOM is ready
+if (document.readyState === 'loading') {
+  document.addEventListener('DOMContentLoaded', () => {
+    window.i18n.loadTranslations();
+  });
+} else {
+  window.i18n.loadTranslations();
+}
\ No newline at end of file
diff --git a/public/index.html b/public/index.html
index a90f1f7..6cad6f7 100644
--- a/public/index.html
+++ b/public/index.html
@@ -3,10 +3,10 @@
 <head>
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
-    <title>Great Lakes Ice Report</title>
+    <title data-i18n="common.appName">Great Lakes Ice Report</title>
     
     <!-- PWA Meta Tags -->
-    <meta name="description" content="Community-driven winter road conditions and icy hazards tracker for the Great Lakes region">
+    <meta name="description" content="Community-driven winter road conditions and icy hazards tracker for the Great Lakes region" data-i18n="meta.description">
     <meta name="theme-color" content="#2196F3">
     <meta name="apple-mobile-web-app-capable" content="yes">
     <meta name="apple-mobile-web-app-status-bar-style" content="default">
@@ -44,18 +44,24 @@
             .nojs-fallback { display: block !important; }
         </style>
     </noscript>
+    
+    <!-- Internationalization -->
+    <script src="i18n.js"></script>
 </head>
 <body>
     <div class="container">
         <header>
             <div class="header-content">
                 <div class="header-text">
-                    <h1>❄️ Great Lakes Ice Report</h1>
-                    <p>Community-reported ICEy road conditions and winter hazards (auto-expire after 48 hours)</p>
+                    <h1 data-i18n="common.appName">❄️ Great Lakes Ice Report</h1>
+                    <p data-i18n="meta.subtitle">Community-reported ICEy road conditions and winter hazards (auto-expire after 48 hours)</p>
+                </div>
+                <div class="header-controls">
+                    <div id="language-selector-container" class="language-selector-container"></div>
+                    <button id="theme-toggle" class="theme-toggle js-only" title="Toggle dark mode" data-i18n="common.darkMode">
+                        <span class="theme-icon">🌙</span>
+                    </button>
                 </div>
-                <button id="theme-toggle" class="theme-toggle js-only" title="Toggle dark mode">
-                    <span class="theme-icon">🌙</span>
-                </button>
             </div>
         </header>
 
@@ -69,10 +75,10 @@
             </noscript>
 
             <div class="form-section">
-                <h2>Report ICEy Conditions</h2>
+                <h2 data-i18n="form.reportConditions">Report ICEy Conditions</h2>
                 <form id="location-form" method="POST" action="/submit-report">
                     <div class="form-group">
-                        <label for="address">Address or Location *</label>
+                        <label for="address" data-i18n="form.addressLabel">Address or Location *</label>
                         <div class="autocomplete-container">
                             <input type="text" id="address" name="address" required 
 placeholder="Enter address, intersection (e.g., Main St & Second St, City), or landmark"
@@ -102,8 +108,8 @@ placeholder="Enter address, intersection (e.g., Main St & Second St, City), or l
                 <div class="reports-header">
                     <h2>Current Reports</h2>
                     <div class="view-toggle js-only">
-                        <button id="map-view-btn" class="toggle-btn active">📍 Map View</button>
-                        <button id="table-view-btn" class="toggle-btn">📋 Table View</button>
+                        <button id="map-view-btn" class="toggle-btn active" data-i18n="navigation.mapView">📍 Map View</button>
+                        <button id="table-view-btn" class="toggle-btn" data-i18n="navigation.tableView">📋 Table View</button>
                         <a href="/table" class="toggle-btn" style="text-decoration: none; line-height: normal;" title="Server-side view that works without JavaScript">📊 Basic View</a>
                     </div>
                     <noscript>
diff --git a/src/i18n/index.ts b/src/i18n/index.ts
new file mode 100644
index 0000000..1dbe7a6
--- /dev/null
+++ b/src/i18n/index.ts
@@ -0,0 +1,170 @@
+import fs from 'fs';
+import path from 'path';
+
+export interface TranslationData {
+  [key: string]: any;
+}
+
+export class I18nService {
+  private translations: Map<string, TranslationData> = new Map();
+  private defaultLocale = 'en';
+  private availableLocales = ['en', 'es-MX'];
+
+  constructor() {
+    this.loadTranslations();
+  }
+
+  /**
+   * Load all translation files from the locales directory
+   */
+  private loadTranslations(): void {
+    const localesDir = path.join(__dirname, 'locales');
+    
+    for (const locale of this.availableLocales) {
+      try {
+        const filePath = path.join(localesDir, `${locale}.json`);
+        const translationData = JSON.parse(fs.readFileSync(filePath, 'utf8'));
+        this.translations.set(locale, translationData);
+        console.log(`Loaded translations for locale: ${locale}`);
+      } catch (error) {
+        console.error(`Failed to load translations for locale ${locale}:`, error);
+      }
+    }
+  }
+
+  /**
+   * Get a translated string by key path (e.g., 'common.appName')
+   */
+  public t(keyPath: string, locale: string = this.defaultLocale, params?: Record<string, string>): string {
+    const translations = this.translations.get(locale) || this.translations.get(this.defaultLocale);
+    
+    if (!translations) {
+      console.warn(`No translations found for locale: ${locale}`);
+      return keyPath;
+    }
+
+    const keys = keyPath.split('.');
+    let value: any = translations;
+
+    for (const key of keys) {
+      value = value?.[key];
+      if (value === undefined) {
+        // Fallback to default locale if key not found
+        if (locale !== this.defaultLocale) {
+          return this.t(keyPath, this.defaultLocale, params);
+        }
+        console.warn(`Translation key not found: ${keyPath} for locale: ${locale}`);
+        return keyPath;
+      }
+    }
+
+    if (typeof value !== 'string') {
+      console.warn(`Translation value is not a string for key: ${keyPath}`);
+      return keyPath;
+    }
+
+    // Replace parameters if provided
+    if (params) {
+      return this.replaceParams(value, params);
+    }
+
+    return value;
+  }
+
+  /**
+   * Replace parameters in translation strings (e.g., "Hello {{name}}" with {name: "John"})
+   */
+  private replaceParams(text: string, params: Record<string, string>): string {
+    return text.replace(/\{\{(\w+)\}\}/g, (match, key) => {
+      return params[key] || match;
+    });
+  }
+
+  /**
+   * Get all translations for a specific locale
+   */
+  public getTranslations(locale: string): TranslationData | null {
+    return this.translations.get(locale) || null;
+  }
+
+  /**
+   * Get list of available locales
+   */
+  public getAvailableLocales(): string[] {
+    return [...this.availableLocales];
+  }
+
+  /**
+   * Check if a locale is supported
+   */
+  public isLocaleSupported(locale: string): boolean {
+    return this.availableLocales.includes(locale);
+  }
+
+  /**
+   * Get the default locale
+   */
+  public getDefaultLocale(): string {
+    return this.defaultLocale;
+  }
+
+  /**
+   * Detect user's preferred locale from Accept-Language header
+   */
+  public detectLocale(acceptLanguageHeader?: string): string {
+    if (!acceptLanguageHeader) {
+      return this.defaultLocale;
+    }
+
+    // Parse Accept-Language header (e.g., "es-MX,es;q=0.9,en;q=0.8")
+    const languages = acceptLanguageHeader
+      .split(',')
+      .map(lang => {
+        const parts = lang.trim().split(';');
+        const code = parts[0];
+        const quality = parts[1] ? parseFloat(parts[1].split('=')[1]) : 1;
+        return { code, quality };
+      })
+      .sort((a, b) => b.quality - a.quality);
+
+    // Find the first supported locale
+    for (const lang of languages) {
+      // Check for exact match first (e.g., "es-MX")
+      if (this.isLocaleSupported(lang.code)) {
+        return lang.code;
+      }
+      
+      // Check for language match (e.g., "es" matches "es-MX")
+      const languageCode = lang.code.split('-')[0];
+      const matchingLocale = this.availableLocales.find(locale => 
+        locale.startsWith(languageCode)
+      );
+      if (matchingLocale) {
+        return matchingLocale;
+      }
+    }
+
+    return this.defaultLocale;
+  }
+
+  /**
+   * Get locale display names
+   */
+  public getLocaleDisplayName(locale: string): string {
+    const displayNames: Record<string, string> = {
+      'en': 'English',
+      'es-MX': 'Español (México)'
+    };
+    return displayNames[locale] || locale;
+  }
+}
+
+// Create singleton instance
+export const i18nService = new I18nService();
+
+// Helper function for easier access
+export function t(keyPath: string, locale?: string, params?: Record<string, string>): string {
+  return i18nService.t(keyPath, locale, params);
+}
+
+export default i18nService;
\ No newline at end of file
diff --git a/src/i18n/locales/en.json b/src/i18n/locales/en.json
new file mode 100644
index 0000000..aba28fb
--- /dev/null
+++ b/src/i18n/locales/en.json
@@ -0,0 +1,208 @@
+{
+  "common": {
+    "appName": "❄️ Great Lakes Ice Report",
+    "appNameShort": "Ice Report",
+    "loading": "Loading...",
+    "error": "Error",
+    "success": "Success",
+    "submit": "Submit",
+    "cancel": "Cancel",
+    "back": "Back",
+    "close": "Close",
+    "refresh": "Refresh",
+    "logout": "Logout",
+    "login": "Login",
+    "homepage": "Homepage",
+    "darkMode": "Toggle dark mode",
+    "privacyPolicy": "Privacy Policy",
+    "selectLanguage": "Select language"
+  },
+  "navigation": {
+    "mapView": "📍 Map View",
+    "tableView": "📋 Table View",
+    "basicView": "📊 Basic View",
+    "backToMap": "← Back to Interactive Map",
+    "backToHomepage": "🏠 Back to Homepage",
+    "viewReports": "← View All Reports",
+    "goBack": "← Go Back"
+  },
+  "form": {
+    "reportConditions": "Report ICEy Conditions",
+    "addressLabel": "Address or Location *",
+    "addressPlaceholder": "Enter address, intersection (e.g., Main St & Second St, City), or landmark",
+    "addressExamples": "Examples: \"123 Main St, City\" or \"Main St & Oak Ave, City\" or \"CVS Pharmacy, City\"",
+    "detailsLabel": "Additional Details (Optional)",
+    "detailsPlaceholder": "Number of vehicles, time observed, etc.",
+    "detailsHelp": "Keep descriptions appropriate and relevant to road conditions. Submissions with inappropriate language will be rejected.",
+    "reportLocation": "Report Location",
+    "submitting": "Submitting...",
+    "addressRequired": "Address is required.",
+    "reportSubmitted": "Report Submitted Successfully",
+    "reportSubmittedMsg": "Your ice condition report has been added to the system.",
+    "submissionRejected": "Submission Rejected",
+    "submissionRejectedMsg": "Your description contains inappropriate language and cannot be posted. Please revise your description to focus on road conditions and keep it professional.",
+    "submitError": "Failed to submit report. Please try again."
+  },
+  "table": {
+    "headers": {
+      "location": "Location",
+      "details": "Details",
+      "reported": "Reported",
+      "timeRemaining": "Time Remaining",
+      "id": "ID",
+      "status": "Status",
+      "address": "Address",
+      "description": "Description",
+      "persistent": "Persistent",
+      "actions": "Actions"
+    },
+    "status": {
+      "active": "ACTIVE",
+      "expired": "EXPIRED",
+      "persistent": "Persistent",
+      "noDetails": "No additional details",
+      "persistentReport": "📌 Persistent Report"
+    },
+    "loading": "Loading reports...",
+    "noReports": "No reports currently available",
+    "errorLoading": "Error loading locations"
+  },
+  "time": {
+    "justNow": "just now",
+    "minuteAgo": "minute ago",
+    "minutesAgo": "minutes ago",
+    "hourAgo": "hour ago", 
+    "hoursAgo": "hours ago",
+    "dayAgo": "day ago",
+    "daysAgo": "days ago",
+    "expired": "Expired",
+    "lastUpdated": "Last updated:"
+  },
+  "map": {
+    "redMarkers": "🔴 Red markers: Icy conditions reported",
+    "autoCleanup": "⏰ Auto-cleanup: Reports disappear after 48 hours",
+    "staticMapOverview": "Static Map Overview",
+    "markerLegend": "Red markers: Regular reports | Orange markers: Persistent reports",
+    "currentReports": "Current Reports",
+    "activeReports": "active report",
+    "activeReportsPlural": "active reports",
+    "mapImageError": "Error generating map image"
+  },
+  "admin": {
+    "title": "Great Lakes Ice Report Admin",
+    "adminPanel": "❄️ Great Lakes Ice Report Admin Panel",
+    "adminLogin": "🔐 Admin Login",
+    "passwordLabel": "Admin Password:",
+    "tabs": {
+      "locationReports": "📍 Location Reports",
+      "profanityFilter": "🔒 Profanity Filter"
+    },
+    "stats": {
+      "totalReports": "Total Reports",
+      "active": "Active (48hrs)",
+      "expired": "Expired",
+      "persistent": "Persistent"
+    },
+    "profanity": {
+      "customWords": "Custom Profanity Words",
+      "addWord": "Add Custom Word",
+      "enterWord": "Enter word or phrase",
+      "lowSeverity": "Low Severity",
+      "mediumSeverity": "Medium Severity", 
+      "highSeverity": "High Severity",
+      "categoryOptional": "Category (optional)",
+      "addWordBtn": "Add Word",
+      "testFilter": "Test Profanity Filter",
+      "enterText": "Enter text to test",
+      "testBtn": "Test Filter",
+      "textClean": "✅ Text is clean!",
+      "noProfanity": "No profanity detected.",
+      "profanityDetected": "❌ Profanity detected!",
+      "testError": "Error testing text. Please try again.",
+      "headers": {
+        "word": "Word",
+        "severity": "Severity",
+        "category": "Category",
+        "added": "Added"
+      },
+      "noWords": "No custom words added yet",
+      "failedLoad": "Failed to load words",
+      "failedAdd": "Failed to add word:",
+      "failedDelete": "Failed to delete word:"
+    },
+    "auth": {
+      "loginSuccessful": "Login successful",
+      "invalidPassword": "Invalid password",
+      "unauthorized": "Unauthorized",
+      "invalidCredentials": "Invalid credentials",
+      "sessionExpiring": "Your admin session will expire in 5 minutes. Click OK to extend your session, or Cancel to log out now.",
+      "sessionExpired": "Session expired. Please log in again.",
+      "sessionExpiredInactivity": "Session expired due to inactivity.",
+      "sessionEnded": "Session ended by user.",
+      "loggedOut": "Logged out successfully.",
+      "loginFailed": "Login failed. Please try again."
+    }
+  },
+  "errors": {
+    "addressRequired": "Address is required",
+    "addressTooLong": "Address must be a string with maximum 500 characters",
+    "descriptionTooLong": "Description must be a string with maximum 1000 characters",
+    "invalidLatitude": "Latitude must be a number between -90 and 90",
+    "invalidLongitude": "Longitude must be a number between -180 and 180",
+    "internalError": "Internal server error",
+    "submissionRejected": "Submission rejected",
+    "inappropriateLanguage": "Your description contains inappropriate language and cannot be posted. Please revise your description to focus on road conditions and keep it professional.",
+    "tooManyReports": "Too many location reports submitted",
+    "rateLimited": "You can submit up to 10 location reports every 15 minutes. Please wait before submitting more.",
+    "noResults": "No results found",
+    "configLoadFailed": "Failed to load API configuration, using fallback",
+    "noLocations": "No locations found"
+  },
+  "offline": {
+    "title": "You're Offline",
+    "message": "It looks like you've lost your internet connection. The Great Lakes Ice Report needs an internet connection to show current road conditions and submit new reports.",
+    "whenOnline": "When you're back online, you'll be able to:",
+    "features": [
+      "View current ice condition reports",
+      "Submit new hazard reports", 
+      "Get real-time location updates",
+      "Access the interactive map"
+    ],
+    "tryAgain": "🔄 Try Again",
+    "needConnection": "This app works best with an internet connection for up-to-date safety information."
+  },
+  "privacy": {
+    "title": "Privacy Policy",
+    "effectiveDate": "Effective Date: January 2025",
+    "commitment": "Our Commitment to Privacy",
+    "sections": {
+      "informationCollect": "Information We Collect",
+      "howWeUse": "How We Use Your Information", 
+      "informationSharing": "Information Sharing",
+      "dataRetention": "Data Retention",
+      "yourRights": "Your Rights",
+      "security": "Security",
+      "thirdParty": "Third-Party Services",
+      "changes": "Changes to This Policy",
+      "communitySafety": "Community Safety Focus",
+      "contact": "Contact Information"
+    },
+    "noSell": "We do not sell, rent, or share your personal information with third parties.",
+    "anonymousUse": "Anonymous Use: No account required - you can use the service anonymously"
+  },
+  "footer": {
+    "safetyNotice": "Safety Notice: This is a community tool for awareness. Stay safe and",
+    "knowRights": "know your rights",
+    "disclaimer": "This website is for informational purposes only. Verify information independently. Reports are automatically deleted after 48 hours. •"
+  },
+  "nojs": {
+    "notice": "JavaScript is disabled. For the best experience with interactive maps, please enable JavaScript.",
+    "viewTable": "Click here to view the table-only version →",
+    "viewDetailed": "View Detailed Table Format →"
+  },
+  "meta": {
+    "description": "Community-driven winter road conditions and icy hazards tracker for the Great Lakes region",
+    "subtitle": "Community-reported ICEy road conditions and winter hazards (auto-expire after 48 hours)",
+    "adminDescription": "Admin panel for Great Lakes Ice Report - manage winter road condition reports"
+  }
+}
\ No newline at end of file
diff --git a/src/i18n/locales/es-MX.json b/src/i18n/locales/es-MX.json
new file mode 100644
index 0000000..1109494
--- /dev/null
+++ b/src/i18n/locales/es-MX.json
@@ -0,0 +1,208 @@
+{
+  "common": {
+    "appName": "❄️ Reporte de Hielo de los Grandes Lagos",
+    "appNameShort": "Reporte de Hielo",
+    "loading": "Cargando...",
+    "error": "Error",
+    "success": "Éxito",
+    "submit": "Enviar",
+    "cancel": "Cancelar",
+    "back": "Atrás",
+    "close": "Cerrar",
+    "refresh": "Actualizar",
+    "logout": "Cerrar sesión",
+    "login": "Iniciar sesión",
+    "homepage": "Página principal",
+    "darkMode": "Activar modo oscuro",
+    "privacyPolicy": "Política de privacidad",
+    "selectLanguage": "Seleccionar idioma"
+  },
+  "navigation": {
+    "mapView": "📍 Vista del mapa",
+    "tableView": "📋 Vista de tabla",
+    "basicView": "📊 Vista básica",
+    "backToMap": "← Volver al mapa interactivo",
+    "backToHomepage": "🏠 Volver a la página principal",
+    "viewReports": "← Ver todos los reportes",
+    "goBack": "← Regresar"
+  },
+  "form": {
+    "reportConditions": "Reportar condiciones de hielo",
+    "addressLabel": "Dirección o ubicación *",
+    "addressPlaceholder": "Ingrese dirección, intersección (ej., Calle Principal y Segunda Calle, Ciudad), o punto de referencia",
+    "addressExamples": "Ejemplos: \"123 Calle Principal, Ciudad\" o \"Calle Principal y Av. Roble, Ciudad\" o \"Farmacia CVS, Ciudad\"",
+    "detailsLabel": "Detalles adicionales (opcional)",
+    "detailsPlaceholder": "Número de vehículos, hora observada, etc.",
+    "detailsHelp": "Mantenga las descripciones apropiadas y relevantes a las condiciones del camino. Las publicaciones con lenguaje inapropiado serán rechazadas.",
+    "reportLocation": "Reportar ubicación",
+    "submitting": "Enviando...",
+    "addressRequired": "La dirección es requerida.",
+    "reportSubmitted": "Reporte enviado exitosamente",
+    "reportSubmittedMsg": "Su reporte de condiciones de hielo ha sido agregado al sistema.",
+    "submissionRejected": "Envío rechazado",
+    "submissionRejectedMsg": "Su descripción contiene lenguaje inapropiado y no puede ser publicada. Por favor revise su descripción para enfocarse en las condiciones del camino y manténgala profesional.",
+    "submitError": "Error al enviar el reporte. Por favor intente nuevamente."
+  },
+  "table": {
+    "headers": {
+      "location": "Ubicación",
+      "details": "Detalles",
+      "reported": "Reportado",
+      "timeRemaining": "Tiempo restante",
+      "id": "ID",
+      "status": "Estado",
+      "address": "Dirección",
+      "description": "Descripción",
+      "persistent": "Persistente",
+      "actions": "Acciones"
+    },
+    "status": {
+      "active": "ACTIVO",
+      "expired": "EXPIRADO",
+      "persistent": "Persistente",
+      "noDetails": "Sin detalles adicionales",
+      "persistentReport": "📌 Reporte persistente"
+    },
+    "loading": "Cargando reportes...",
+    "noReports": "No hay reportes disponibles actualmente",
+    "errorLoading": "Error al cargar ubicaciones"
+  },
+  "time": {
+    "justNow": "justo ahora",
+    "minuteAgo": "hace un minuto",
+    "minutesAgo": "minutos atrás",
+    "hourAgo": "hace una hora",
+    "hoursAgo": "horas atrás", 
+    "dayAgo": "hace un día",
+    "daysAgo": "días atrás",
+    "expired": "Expirado",
+    "lastUpdated": "Última actualización:"
+  },
+  "map": {
+    "redMarkers": "🔴 Marcadores rojos: Condiciones de hielo reportadas",
+    "autoCleanup": "⏰ Limpieza automática: Los reportes desaparecen después de 48 horas",
+    "staticMapOverview": "Resumen del mapa estático",
+    "markerLegend": "Marcadores rojos: Reportes regulares | Marcadores naranjas: Reportes persistentes",
+    "currentReports": "Reportes actuales",
+    "activeReports": "reporte activo",
+    "activeReportsPlural": "reportes activos",
+    "mapImageError": "Error al generar imagen del mapa"
+  },
+  "admin": {
+    "title": "Administrador de Reporte de Hielo de los Grandes Lagos",
+    "adminPanel": "❄️ Panel de administración de Reporte de Hielo de los Grandes Lagos",
+    "adminLogin": "🔐 Inicio de sesión de administrador",
+    "passwordLabel": "Contraseña de administrador:",
+    "tabs": {
+      "locationReports": "📍 Reportes de ubicación",
+      "profanityFilter": "🔒 Filtro de obscenidades"
+    },
+    "stats": {
+      "totalReports": "Reportes totales",
+      "active": "Activo (48h)",
+      "expired": "Expirado",
+      "persistent": "Persistente"
+    },
+    "profanity": {
+      "customWords": "Palabras obscenas personalizadas",
+      "addWord": "Agregar palabra personalizada",
+      "enterWord": "Ingrese palabra o frase",
+      "lowSeverity": "Severidad baja",
+      "mediumSeverity": "Severidad media",
+      "highSeverity": "Severidad alta",
+      "categoryOptional": "Categoría (opcional)",
+      "addWordBtn": "Agregar palabra",
+      "testFilter": "Probar filtro de obscenidades",
+      "enterText": "Ingrese texto para probar",
+      "testBtn": "Probar filtro",
+      "textClean": "✅ ¡El texto está limpio!",
+      "noProfanity": "No se detectaron obscenidades.",
+      "profanityDetected": "❌ ¡Obscenidades detectadas!",
+      "testError": "Error al probar el texto. Por favor intente nuevamente.",
+      "headers": {
+        "word": "Palabra",
+        "severity": "Severidad",
+        "category": "Categoría",
+        "added": "Agregado"
+      },
+      "noWords": "No se han agregado palabras personalizadas aún",
+      "failedLoad": "Error al cargar palabras",
+      "failedAdd": "Error al agregar palabra:",
+      "failedDelete": "Error al eliminar palabra:"
+    },
+    "auth": {
+      "loginSuccessful": "Inicio de sesión exitoso",
+      "invalidPassword": "Contraseña inválida",
+      "unauthorized": "No autorizado",
+      "invalidCredentials": "Credenciales inválidas",
+      "sessionExpiring": "Su sesión de administrador expirará en 5 minutos. Haga clic en Aceptar para extender su sesión, o Cancelar para cerrar sesión ahora.",
+      "sessionExpired": "Sesión expirada. Por favor inicie sesión nuevamente.",
+      "sessionExpiredInactivity": "Sesión expirada por inactividad.",
+      "sessionEnded": "Sesión terminada por el usuario.",
+      "loggedOut": "Sesión cerrada exitosamente.",
+      "loginFailed": "Error al iniciar sesión. Por favor intente nuevamente."
+    }
+  },
+  "errors": {
+    "addressRequired": "La dirección es requerida",
+    "addressTooLong": "La dirección debe ser una cadena con máximo 500 caracteres",
+    "descriptionTooLong": "La descripción debe ser una cadena con máximo 1000 caracteres",
+    "invalidLatitude": "La latitud debe ser un número entre -90 y 90",
+    "invalidLongitude": "La longitud debe ser un número entre -180 y 180",
+    "internalError": "Error interno del servidor",
+    "submissionRejected": "Envío rechazado",
+    "inappropriateLanguage": "Su descripción contiene lenguaje inapropiado y no puede ser publicada. Por favor revise su descripción para enfocarse en las condiciones del camino y manténgala profesional.",
+    "tooManyReports": "Demasiados reportes de ubicación enviados",
+    "rateLimited": "Puede enviar hasta 10 reportes de ubicación cada 15 minutos. Por favor espere antes de enviar más.",
+    "noResults": "No se encontraron resultados",
+    "configLoadFailed": "Error al cargar la configuración de la API, usando respaldo",
+    "noLocations": "No se encontraron ubicaciones"
+  },
+  "offline": {
+    "title": "Está desconectado",
+    "message": "Parece que ha perdido su conexión a internet. El Reporte de Hielo de los Grandes Lagos necesita una conexión a internet para mostrar las condiciones actuales del camino y enviar nuevos reportes.",
+    "whenOnline": "Cuando esté en línea nuevamente, podrá:",
+    "features": [
+      "Ver reportes actuales de condiciones de hielo",
+      "Enviar nuevos reportes de peligros",
+      "Obtener actualizaciones de ubicación en tiempo real",
+      "Acceder al mapa interactivo"
+    ],
+    "tryAgain": "🔄 Intentar nuevamente",
+    "needConnection": "Esta aplicación funciona mejor con una conexión a internet para información de seguridad actualizada."
+  },
+  "privacy": {
+    "title": "Política de privacidad",
+    "effectiveDate": "Fecha efectiva: Enero 2025",
+    "commitment": "Nuestro compromiso con la privacidad",
+    "sections": {
+      "informationCollect": "Información que recopilamos",
+      "howWeUse": "Cómo usamos su información",
+      "informationSharing": "Compartir información",
+      "dataRetention": "Retención de datos",
+      "yourRights": "Sus derechos",
+      "security": "Seguridad",
+      "thirdParty": "Servicios de terceros",
+      "changes": "Cambios a esta política",
+      "communitySafety": "Enfoque en la seguridad comunitaria",
+      "contact": "Información de contacto"
+    },
+    "noSell": "No vendemos, alquilamos o compartimos su información personal con terceros.",
+    "anonymousUse": "Uso anónimo: No se requiere cuenta - puede usar el servicio de forma anónima"
+  },
+  "footer": {
+    "safetyNotice": "Aviso de seguridad: Esta es una herramienta comunitaria para concienciación. Manténgase seguro y",
+    "knowRights": "conozca sus derechos",
+    "disclaimer": "Este sitio web es solo para fines informativos. Verifique la información independientemente. Los reportes se eliminan automáticamente después de 48 horas. •"
+  },
+  "nojs": {
+    "notice": "JavaScript está deshabilitado. Para la mejor experiencia con mapas interactivos, por favor habilite JavaScript.",
+    "viewTable": "Haga clic aquí para ver la versión solo de tabla →",
+    "viewDetailed": "Ver formato de tabla detallada →"
+  },
+  "meta": {
+    "description": "Rastreador comunitario de condiciones invernales de carreteras y peligros de hielo en la región de los Grandes Lagos",
+    "subtitle": "Condiciones de carreteras con hielo y peligros invernales reportados por la comunidad (expiran automáticamente después de 48 horas)",
+    "adminDescription": "Panel de administración para Reporte de Hielo de los Grandes Lagos - gestionar reportes de condiciones invernales de carreteras"
+  }
+}
\ No newline at end of file
diff --git a/src/routes/i18n.ts b/src/routes/i18n.ts
new file mode 100644
index 0000000..846b645
--- /dev/null
+++ b/src/routes/i18n.ts
@@ -0,0 +1,76 @@
+import { Router, Request, Response } from 'express';
+import { i18nService } from '../i18n';
+
+export function createI18nRoutes(): Router {
+  const router = Router();
+
+  /**
+   * Get translations for a specific locale
+   * GET /api/i18n/:locale
+   */
+  router.get('/:locale', (req: Request, res: Response): void => {
+    const { locale } = req.params;
+
+    // Validate locale
+    if (!i18nService.isLocaleSupported(locale)) {
+      res.status(400).json({
+        error: 'Unsupported locale',
+        supportedLocales: i18nService.getAvailableLocales()
+      });
+      return;
+    }
+
+    // Get translations for the locale
+    const translations = i18nService.getTranslations(locale);
+    
+    if (!translations) {
+      res.status(404).json({
+        error: 'Translations not found for locale',
+        locale
+      });
+      return;
+    }
+
+    // Set appropriate headers for caching
+    res.set({
+      'Cache-Control': 'public, max-age=3600', // Cache for 1 hour
+      'Content-Type': 'application/json'
+    });
+
+    res.json(translations);
+  });
+
+  /**
+   * Get available locales and their display names
+   * GET /api/i18n
+   */
+  router.get('/', (req: Request, res: Response): void => {
+    const locales = i18nService.getAvailableLocales().map(locale => ({
+      code: locale,
+      name: i18nService.getLocaleDisplayName(locale)
+    }));
+
+    res.json({
+      default: i18nService.getDefaultLocale(),
+      available: locales
+    });
+  });
+
+  /**
+   * Detect user's preferred locale based on Accept-Language header
+   * GET /api/i18n/detect
+   */
+  router.get('/detect', (req: Request, res: Response): void => {
+    const acceptLanguage = req.get('Accept-Language');
+    const detectedLocale = i18nService.detectLocale(acceptLanguage);
+
+    res.json({
+      detected: detectedLocale,
+      displayName: i18nService.getLocaleDisplayName(detectedLocale)
+    });
+  });
+
+  return router;
+}
+
+export default createI18nRoutes;
\ No newline at end of file
diff --git a/src/scss/pages/_index.scss b/src/scss/pages/_index.scss
index 7f1468a..8ef4567 100644
--- a/src/scss/pages/_index.scss
+++ b/src/scss/pages/_index.scss
@@ -21,6 +21,30 @@
   gap: $spacing-lg;
 }
 
+.header-controls {
+  display: flex;
+  align-items: center;
+  gap: $spacing-md;
+}
+
+.language-selector-container {
+  .language-selector {
+    padding: $spacing-xs $spacing-sm;
+    border: 1px solid var(--border-color);
+    border-radius: $border-radius-sm;
+    background-color: var(--input-bg);
+    color: var(--text-color);
+    font-size: $font-size-sm;
+    cursor: pointer;
+    
+    &:focus {
+      outline: none;
+      border-color: $primary-color;
+      box-shadow: 0 0 0 2px rgba(33, 150, 243, 0.2);
+    }
+  }
+}
+
 .header-text {
   flex: 1;
   
diff --git a/src/server.ts b/src/server.ts
index a112ed7..620cc0b 100644
--- a/src/server.ts
+++ b/src/server.ts
@@ -14,11 +14,13 @@ dotenv.config();
 import DatabaseService from './services/DatabaseService';
 import ProfanityFilterService from './services/ProfanityFilterService';
 import MapImageService from './services/MapImageService';
+import { i18nService } from './i18n';
 
 // Import route modules
 import configRoutes from './routes/config';
 import locationRoutes from './routes/locations';
 import adminRoutes from './routes/admin';
+import i18nRoutes from './routes/i18n';
 
 
 const app: Application = express();
@@ -29,6 +31,22 @@ app.use(cors());
 app.use(express.json());
 app.use(express.static(path.join(__dirname, '../public')));
 
+// Locale detection middleware
+app.use((req: Request, res: Response, next: NextFunction) => {
+  // Detect user's preferred locale from Accept-Language header or cookie
+  const cookieLocale = req.headers.cookie?.split(';')
+    .find(c => c.trim().startsWith('locale='))?.split('=')[1];
+  
+  const detectedLocale = cookieLocale || i18nService.detectLocale(req.get('Accept-Language'));
+  
+  // Add locale to request object for use in routes
+  (req as any).locale = detectedLocale;
+  (req as any).t = (key: string, params?: Record<string, string>) => 
+    i18nService.t(key, detectedLocale, params);
+  
+  next();
+});
+
 // Database and services setup
 const databaseService = new DatabaseService();
 let profanityFilter: ProfanityFilterService | FallbackFilter;
@@ -179,6 +197,7 @@ function setupRoutes(): void {
   app.use('/api/config', configRoutes());
   app.use('/api/locations', locationRoutes(locationModel, profanityFilter));
   app.use('/api/admin', adminRoutes(locationModel, profanityWordModel, profanityFilter, authenticateAdmin));
+  app.use('/api/i18n', i18nRoutes());
 
   // Static page routes
   app.get('/', (req: Request, res: Response): void => {
@@ -190,14 +209,27 @@ function setupRoutes(): void {
   app.get('/table', async (req: Request, res: Response): Promise<void> => {
     console.log('Serving table view for non-JS users');
     try {
+      // Get locale from query parameter or use detected locale
+      const requestedLocale = req.query.locale as string;
+      const locale = requestedLocale && i18nService.isLocaleSupported(requestedLocale) 
+        ? requestedLocale 
+        : (req as any).locale;
+      
+      // Helper function for translations
+      const t = (key: string) => i18nService.t(key, locale);
+      
       const locations = await locationModel.getActive();
 
-      const formatTimeRemaining = (createdAt: string): string => {
+      const formatTimeRemaining = (createdAt: string, isPersistent?: boolean): string => {
+        if (isPersistent) {
+          return t('time.persistent');
+        }
+        
         const created = new Date(createdAt);
         const now = new Date();
         const diffMs = (48 * 60 * 60 * 1000) - (now.getTime() - created.getTime());
 
-        if (diffMs <= 0) return 'Expired';
+        if (diffMs <= 0) return t('time.expired');
 
         const hours = Math.floor(diffMs / (1000 * 60 * 60));
         const minutes = Math.floor((diffMs % (1000 * 60 * 60)) / (1000 * 60));
@@ -226,19 +258,32 @@ function setupRoutes(): void {
         <tr>
           <td style="text-align: center; font-weight: bold;">${index + 1}</td>
           <td>${escapeHtml(location.address)}</td>
-          <td>${escapeHtml(location.description || 'No additional details')}</td>
-          <td>${location.created_at ? formatDate(location.created_at) : 'Unknown'}</td>
-          <td>${location.persistent ? 'Persistent' : (location.created_at ? formatTimeRemaining(location.created_at) : 'Unknown')}</td>
+          <td>${escapeHtml(location.description || t('table.status.noDetails'))}</td>
+          <td>${location.created_at ? formatDate(location.created_at) : t('common.loading')}</td>
+          <td style="text-align: center;">${location.created_at ? formatTimeRemaining(location.created_at, !!location.persistent) : t('common.loading')}</td>
         </tr>
       `).join('');
 
+      // Generate language selector form for non-JS users
+      const languageSelectorForm = `
+        <form method="get" action="/table" style="display: inline-block; margin-left: 10px;">
+          <select name="locale" onchange="this.form.submit();" style="padding: 4px 8px; border: 1px solid #ccc; border-radius: 4px;">
+            <option value="en" ${locale === 'en' ? 'selected' : ''}>English</option>
+            <option value="es-MX" ${locale === 'es-MX' ? 'selected' : ''}>Español (México)</option>
+          </select>
+          <noscript>
+            <input type="submit" value="${t('common.submit')}" style="margin-left: 5px; padding: 4px 8px;">
+          </noscript>
+        </form>
+      `;
+
       const html = `
         <!DOCTYPE html>
-        <html lang="en">
+        <html lang="${locale}">
         <head>
           <meta charset="UTF-8">
           <meta name="viewport" content="width=device-width, initial-scale=1.0">
-          <title>Great Lakes Ice Report - Table View</title>
+          <title>${t('common.appName')} - ${t('navigation.tableView')}</title>
           <link rel="stylesheet" href="style.css">
         </head>
         <body>
@@ -246,48 +291,52 @@ function setupRoutes(): void {
             <header>
               <div class="header-content">
                 <div class="header-text">
-                  <h1>❄️ Great Lakes Ice Report</h1>
-                  <p>Community-reported ICEy road conditions and winter hazards</p>
+                  <h1>${t('common.appName')}</h1>
+                  <p>${t('meta.subtitle')}</p>
+                </div>
+                <div style="display: flex; align-items: center; gap: 10px;">
+                  ${languageSelectorForm}
                 </div>
               </div>
             </header>
 
             <div class="content">
               <div class="form-section">
-                <h2>Report ICEy Conditions</h2>
+                <h2>${t('form.reportConditions')}</h2>
                 <form method="POST" action="/submit-report">
+                  <input type="hidden" name="locale" value="${locale}">
                   <div class="form-group">
-                    <label for="address">Address or Location *</label>
+                    <label for="address">${t('form.addressLabel')}</label>
                     <input type="text" id="address" name="address" required 
-                           placeholder="Enter address, intersection, or landmark">
-                    <small class="input-help">Examples: "123 Main St, City" or "Main St & Oak Ave, City"</small>
+                           placeholder="${t('form.addressPlaceholder')}">
+                    <small class="input-help">${t('form.addressExamples')}</small>
                   </div>
                   
                   <div class="form-group">
-                    <label for="description">Additional Details (Optional)</label>
+                    <label for="description">${t('form.detailsLabel')}</label>
                     <textarea id="description" name="description" rows="3" 
-                              placeholder="Number of vehicles, time observed, etc."></textarea>
-                    <small class="input-help">Keep descriptions appropriate and relevant to road conditions.</small>
+                              placeholder="${t('form.detailsPlaceholder')}"></textarea>
+                    <small class="input-help">${t('form.detailsHelp')}</small>
                   </div>
                   
-                  <button type="submit">Report Location</button>
+                  <button type="submit">${t('form.reportLocation')}</button>
                 </form>
               </div>
 
               <div class="map-section">
                 <div class="reports-header">
-                  <h2>Current Reports (${locations.length} active)</h2>
-                  <p><a href="/">← Back to Interactive Map</a></p>
+                  <h2>${t('map.currentReports')} (${locations.length} ${locations.length === 1 ? t('map.activeReports') : t('map.activeReportsPlural')})</h2>
+                  <p><a href="/">${t('navigation.backToMap')}</a></p>
                 </div>
                 
                 ${locations.length > 0 ? `
                 <div style="text-align: center; margin: 24px 0;">
-                  <h3>Static Map Overview</h3>
+                  <h3>${t('map.staticMapOverview')}</h3>
                   <img src="/map-image.png?width=800&height=400" 
-                       alt="Static map showing ice report locations" 
+                       alt="${t('map.staticMapOverview')}" 
                        style="max-width: 100%; height: auto; border-radius: 8px; box-shadow: 0 2px 4px rgba(0,0,0,0.1);">
                   <p style="font-size: 14px; color: #666; margin-top: 8px;">
-                    Red markers: Regular reports | Orange markers: Persistent reports
+                    ${t('map.markerLegend')}
                   </p>
                 </div>
                 ` : ''}
@@ -297,14 +346,14 @@ function setupRoutes(): void {
                     <thead>
                       <tr>
                         <th>#</th>
-                        <th>Location</th>
-                        <th>Details</th>
-                        <th>Reported</th>
-                        <th>Time Remaining</th>
+                        <th>${t('table.headers.location')}</th>
+                        <th>${t('table.headers.details')}</th>
+                        <th>${t('table.headers.reported')}</th>
+                        <th>${t('table.headers.timeRemaining')}</th>
                       </tr>
                     </thead>
                     <tbody>
-                      ${tableRows || '<tr><td colspan="5">No reports currently available</td></tr>'}
+                      ${tableRows || `<tr><td colspan="5">${t('table.noReports')}</td></tr>`}
                     </tbody>
                   </table>
                 </div>
@@ -312,9 +361,9 @@ function setupRoutes(): void {
             </div>
 
             <footer>
-              <p><strong>Safety Notice:</strong> This is a community tool for awareness. Stay safe and verify information independently.</p>
+              <p><strong>${t('footer.safetyNotice')}</strong> <a href="https://www.aclu.org/know-your-rights/immigrants-rights" target="_blank" rel="noopener noreferrer">${t('footer.knowRights')}</a>.</p>
               <div class="disclaimer">
-                <small>Reports are automatically deleted after 48 hours. • <a href="/privacy">Privacy Policy</a></small>
+                <small>${t('footer.disclaimer')} <a href="/privacy">${t('common.privacyPolicy')}</a></small>
               </div>
             </footer>
           </div>
@@ -333,18 +382,26 @@ function setupRoutes(): void {
   app.post('/submit-report', async (req: Request, res: Response): Promise<void> => {
     console.log('Handling form submission for non-JS users');
 
-    const { address, description } = req.body;
+    const { address, description, locale: formLocale } = req.body;
+    
+    // Get locale from form or use detected locale
+    const locale = formLocale && i18nService.isLocaleSupported(formLocale) 
+      ? formLocale 
+      : (req as any).locale;
+    
+    // Helper function for translations
+    const t = (key: string) => i18nService.t(key, locale);
 
     // Validate input
     if (!address || typeof address !== 'string' || address.trim().length === 0) {
       res.status(400).send(`
-        <html>
-          <head><title>Error</title><link rel="stylesheet" href="style.css"></head>
+        <html lang="${locale}">
+          <head><title>${t('common.error')}</title><link rel="stylesheet" href="style.css"></head>
           <body>
             <div class="container">
-              <h1>Error</h1>
-              <p>Address is required.</p>
-              <p><a href="/table">← Go Back</a></p>
+              <h1>${t('common.error')}</h1>
+              <p>${t('form.addressRequired')}</p>
+              <p><a href="/table?locale=${locale}">${t('navigation.goBack')}</a></p>
             </div>
           </body>
         </html>
@@ -358,14 +415,13 @@ function setupRoutes(): void {
         const analysis = profanityFilter.analyzeProfanity(description);
         if (analysis.hasProfanity) {
           res.status(400).send(`
-            <html>
-              <head><title>Submission Rejected</title><link rel="stylesheet" href="style.css"></head>
+            <html lang="${locale}">
+              <head><title>${t('form.submissionRejected')}</title><link rel="stylesheet" href="style.css"></head>
               <body>
                 <div class="container">
-                  <h1>Submission Rejected</h1>
-                  <p>Your description contains inappropriate language and cannot be posted.</p>
-                  <p>Please revise your description to focus on road conditions and keep it professional.</p>
-                  <p><a href="/table">← Go Back</a></p>
+                  <h1>${t('form.submissionRejected')}</h1>
+                  <p>${t('errors.inappropriateLanguage')}</p>
+                  <p><a href="/table?locale=${locale}">${t('navigation.goBack')}</a></p>
                 </div>
               </body>
             </html>
@@ -384,13 +440,13 @@ function setupRoutes(): void {
       });
 
       res.send(`
-        <html>
-          <head><title>Report Submitted</title><link rel="stylesheet" href="style.css"></head>
+        <html lang="${locale}">
+          <head><title>${t('form.reportSubmitted')}</title><link rel="stylesheet" href="style.css"></head>
           <body>
             <div class="container">
-              <h1>✅ Report Submitted Successfully</h1>
-              <p>Your ice condition report has been added to the system.</p>
-              <p><a href="/table">← View All Reports</a></p>
+              <h1>✅ ${t('form.reportSubmitted')}</h1>
+              <p>${t('form.reportSubmittedMsg')}</p>
+              <p><a href="/table?locale=${locale}">${t('navigation.viewReports')}</a></p>
             </div>
           </body>
         </html>
@@ -398,13 +454,13 @@ function setupRoutes(): void {
     } catch (err) {
       console.error('Error creating location:', err);
       res.status(500).send(`
-        <html>
-          <head><title>Error</title><link rel="stylesheet" href="style.css"></head>
+        <html lang="${locale}">
+          <head><title>${t('common.error')}</title><link rel="stylesheet" href="style.css"></head>
           <body>
             <div class="container">
-              <h1>Error</h1>
-              <p>Failed to submit report. Please try again.</p>
-              <p><a href="/table">← Go Back</a></p>
+              <h1>${t('common.error')}</h1>
+              <p>${t('form.submitError')}</p>
+              <p><a href="/table?locale=${locale}">${t('navigation.goBack')}</a></p>
             </div>
           </body>
         </html>