annaville-sda-site/README.md

1.2 KiB

Annaville SDA Church — Modern, Accessible Website

React + Vite + Tailwind. WCAG 2.2 AA, Core Web Vitals-minded. Text-first hero keeps H1 as LCP.

Quick Start

npm install
npm run dev

Build / Preview

npm run build
npm run preview

Docker (production-like)

docker compose up --build
# open http://localhost:8080

Notes

  • Mobile sticky bar (📞 Call • 🧭 Directions • 📝 Plan a Visit) is persistent.
  • GA events in src/utils/analytics.js: cta_click, click_to_call, open_directions, visit_form_start, visit_form_submit, newsletter_signup, event_details_view, sermon_play.
  • Local WOFF2 fonts preloaded; replace placeholders with real files before production.
  • JSON-LD is injected on Home (Organization, Website, FAQ) and Event/Sermon detail pages.

annaville-sda-site

Events Admin


  • pm run dev\ starts both the Vite client (5173) and the Express API (4001).
  • Set the \ADMIN_TOKEN\ environment variable before running the server (defaults to \dev-secret).
  • Admin dashboard: http://localhost:5173/admin (login via token, manage events, add/edit/delete).
  • API endpoints live under /api/events\ and require the \X-Admin-Token\ header for write operations.