Add church submission form and Cloudflare Worker API

Frontend:
- SubmitChurchPage with form, Nominatim geocoding, draggable map marker
- React Hook Form + Zod for validation
- Three action types: add, edit, delete
- Added to routing and header nav

Worker (farese-api):
- POST /api/submit-church endpoint
- Validates submission data
- Creates GitHub branch and PR with changes to data.json
- Deployed to farese-api.pig.workers.dev

Dependencies added: react-hook-form, zod, @hookform/resolvers

Author: dbirks

package-lock.json

@@ -20,14 +20,17 @@
   },
   "homepage": "https://farese.com",
   "dependencies": {
+    "@hookform/resolvers": "^5.2.2",
     "@maplibre/maplibre-gl-geocoder": "^1.7.0",
     "class-variance-authority": "^0.7.1",
     "clsx": "^2.1.1",
     "maplibre-gl": "^4.7.1",
     "react": "^19.2.3",
     "react-dom": "^19.2.3",
+    "react-hook-form": "^7.71.1",
     "react-map-gl": "^7.1.7",
-    "tailwind-merge": "^2.6.0"
+    "tailwind-merge": "^2.6.0",
+    "zod": "^4.3.5"
   },
   "devDependencies": {
     "@biomejs/biome": "^1.9.4",

package.json

@@ -5,6 +5,7 @@ import HomePage from './pages/HomePage';
 import MapPage from './pages/MapPage';
 import ListPage from './pages/ListPage';
 import AboutPage from './pages/AboutPage';
+import SubmitChurchPage from './pages/SubmitChurchPage';
 
 function App() {
   const [currentPath, setCurrentPath] = useState(window.location.pathname);
@@ -32,6 +33,8 @@ function App() {
         return <ListPage />;
       case '/about':
         return <AboutPage />;
+      case '/submit':
+        return <SubmitChurchPage />;
       default:
         return <HomePage />;
     }

src/App.tsx

@@ -71,6 +71,11 @@ export default function Header() {
                 Legacy
               </a>
             </li>
+            <li>
+              <a href="/submit" className="px-3 py-1 bg-white/20 rounded hover:bg-white/30 transition-colors">
+                Submit
+              </a>
+            </li>
           </ul>
         </div>
 
@@ -102,6 +107,11 @@ export default function Header() {
                 Legacy
               </a>
             </li>
+            <li>
+              <a href="/submit" className="block py-2 hover:text-gray-200">
+                Submit Update
+              </a>
+            </li>
           </ul>
         )}
       </div>