FeaturesTemplatesShowcaseTownie
AI
BlogDocsPricing
Log inSign up
gracioelvs
gracioelvsmy-first-val
Public
Like
my-first-val
Home
Code
9
backend
1
frontend
4
shared
1
01_script.tsx
H
02_http.tsx
C
03_cron.tsx
E
04_email.tsx
README.md
H
new-file-1661.tsx
Branches
2
Pull requests
Remixes
History
Environment variables
Val Town is a collaborative website to build and scale JavaScript apps.
Deploy APIs, crons, & store data – all from the browser, and deployed in miliseconds.
Sign up now
Code
/
Code
/
Search
https://gracioelvs--24069d7e3fab11f0b3b376b3cceeab13.web.val.run
README.md

#Healthcare Express πŸ₯

A web application that helps patients find and access emergency healthcare services based on their location.

Features

  • Location-based Emergency Services: Automatically detects user location or allows manual entry
  • Emergency Service Types: Hospitals, urgent care centers, pharmacies, and emergency rooms
  • Real-time Information: Contact details, directions, and basic service information
  • Emergency Contacts: Quick access to emergency numbers (999, poison control, etc.)
  • Accessibility: Mobile-friendly design for emergency situations

Project Structure

β”œβ”€β”€ backend/
β”‚   β”œβ”€β”€ index.ts             # Main Hono server
β”‚   └── routes/
β”‚       └── healthcare.ts    # Healthcare service endpoints
β”œβ”€β”€ frontend/
β”‚   β”œβ”€β”€ index.html          # Main HTML template
β”‚   β”œβ”€β”€ index.tsx           # React frontend entry point
β”‚   β”œβ”€β”€ components/
β”‚   β”‚   β”œβ”€β”€ App.tsx         # Main app component
β”‚   β”‚   β”œβ”€β”€ LocationInput.tsx
β”‚   β”‚   β”œβ”€β”€ ServiceList.tsx
β”‚   β”‚   └── EmergencyContacts.tsx
β”‚   └── style.css           # Custom styles
└── shared/
    └── types.ts            # Shared TypeScript types

Usage

  1. Visit the main application at the HTTP endpoint
  2. Allow location access or manually enter your location
  3. View nearby emergency healthcare services
  4. Get directions and contact information
  5. Access emergency contact numbers

Technology Stack

  • Backend: Hono (TypeScript)
  • Frontend: React with TypeScript
  • Styling: TailwindCSS
  • APIs: Overpass API (OpenStreetMap) for healthcare facility data
  • Geolocation: Browser Geolocation API

Emergency Services Covered

  • Hospitals
  • Emergency Rooms
  • Urgent Care Centers
  • Pharmacies
  • Walk-in Clinics
HTTP
  • index.ts
    gracioelvs--55…13.web.val.run
  • 02_http.tsx
    gracioelvs--24…13.web.val.run
  • new-file-1661.tsx
    gracioelvs--a9…13.web.val.run
Cron
  • 03_cron.tsx
Email
  • 04_email.tsx
Code
backendfrontendshared01_script.tsx
H
02_http.tsx
C
03_cron.tsx
E
04_email.tsx
README.md
H
new-file-1661.tsx
Go to top
X (Twitter)
Discord community
GitHub discussions
YouTube channel
Bluesky
Product
FeaturesPricing
Developers
DocsStatusAPI ExamplesNPM Package Examples
Explore
ShowcaseTemplatesNewest ValsTrending ValsNewsletter
Company
AboutBlogCareersBrandhi@val.town
Terms of usePrivacy policyAbuse contact
Β© 2025 Val Town, Inc.