How tomakpo/harmonyhealth works
Harmony Health Wellness Center’s website presents wellness services and business information, lets visitors browse service details and initiate appointment booking, and provides a contact form backed by an email API. The client entry point routes visitors to the home page or privacy policy; the home page composes its content sections. The contact API validates messages and sends them to the business, then sends a confirmation to the visitor. Booking integration is indicated by the client’s booking helper, but its external wiring was not shown; contact-to-server transport is likewise unverified.
Main entry points: home.page.tsx Home page · app.tsx App routing · api.messaging.ts Contact API route · contact.section.tsx Contact section
Components 23
Website experience
- Browser entry
client/src/main.tsx - App routing
client/src/app.tsx - Site navigation
client/src/layout/header/header.layout.tsx - Home page
client/src/pages/home/home.page.tsx - Hero section
client/src/pages/home/sections/hero/hero.section.tsx - About section
client/src/pages/home/sections/about/about.section.tsx - Services catalog
client/src/pages/home/sections/services/services.section.tsx - Contact section
client/src/pages/home/sections/contact/contact.section.tsx - Location map
client/src/pages/home/sections/map/map.section.tsx - Site footer
client/src/layout/footer/footer.layout.tsx - Privacy policy
client/src/pages/privacy/privacy-policy.page.tsx - Booking helper
client/src/lib/bookings.ts
Business information
- Business details
client/src/store/info.ts - Opening-hours display
client/src/components/hours/hours.component.tsx - Icon component
client/src/components/icon/icon.component.tsx
Contact messaging
- Contact API route
server/src/apis/api.messaging.ts - API router
server/src/apis/index.ts - HTTP server
server/src/server.ts - Email service
server/src/service/email.ts - API response helper
server/src/lib/apiResponse.ts
External services
- Booking provider
- SMTP service
Other components
- Website visitor
Connections 25
- Website visitor → Browser entry: opens site
client/src/main.tsx - Browser entry → App routing: renders
client/src/main.tsx - App routing → Site navigation: renders
client/src/app.tsx - App routing → Home page: routes to
client/src/app.tsx - App routing → Privacy policy: routes to
client/src/app.tsx - Site navigation → Booking helper: renders button
client/src/layout/header/header.layout.tsx - Home page → Hero section: renders
client/src/pages/home/home.page.tsx - Home page → About section: renders
client/src/pages/home/home.page.tsx - Home page → Services catalog: renders
client/src/pages/home/home.page.tsx - Home page → Contact section: renders
client/src/pages/home/home.page.tsx - Home page → Location map: renders
client/src/pages/home/home.page.tsx - Home page → Site footer: renders
client/src/pages/home/home.page.tsx - Services catalog → Booking helper: calls
client/src/pages/home/sections/services/services.section.tsx - Booking helper → Booking provider: opens booking
- Contact section → Business details: reads details
client/src/pages/home/sections/contact/contact.section.tsx - Location map → Business details: reads details
client/src/pages/home/sections/map/map.section.tsx - Opening-hours display → Business details: reads hours
client/src/components/hours/hours.component.tsx - Opening-hours display → Icon component: renders
client/src/components/hours/hours.component.tsx - Contact section → Contact API route: submits message
- HTTP server → API router: mounts routes
server/src/server.ts - API router → Contact API route: registers route
server/src/apis/index.ts - Contact API route → Email service: validates and sends
server/src/apis/api.messaging.ts - Contact API route → API response helper: builds response
server/src/apis/api.messaging.ts - Email service → API response helper: builds response
server/src/service/email.ts - Email service → SMTP service: sends mail
server/src/service/email.ts