React / Medical Search PlatformNovember 2022

Find a Surgeon in Your Area App

Developed a secure, search-based medical web app enabling users to locate surgical specialists by country, region, and ZIP code. Features custom PHP API endpoints, React frontend, and geolocation with Google Maps integration.

Technologies Used

ReactPHPSQLWordPressREST APIGoogle Maps APIGoogle Geolocation APIZipAPI.us
Find a Surgeon in Your Area App

Project Gallery

Find a Surgeon in Your Area App screenshot 1
Find a Surgeon in Your Area App screenshot 2
Find a Surgeon in Your Area App screenshot 3

Project Metrics

Architecture

Multi-server API communication

Functionality

Dynamic search by country, ZIP, and specialty

Performance

Optimized for real-time results

Security

Data isolation via master and client server model

Integration

Google Geolocation and Maps API

Challenges

  • Integrating data securely between two separate WordPress servers
  • Mapping textual address fields to geographic coordinates in real time
  • Managing membership data across multiple environments
  • Ensuring low-latency search results for international users

Solutions

  • Built custom PHP API endpoints for both master and membership servers
  • Implemented secure inter-server communication over HTTPS
  • Used Google Geolocation API to convert addresses to coordinates dynamically
  • Created a React-based frontend app with dynamic search, filtering, and doctor detail popups
  • Designed automated data normalization for consistent payload structure

Results

  • Instant location-based surgeon lookup across countries
  • Scalable and secure dual-server architecture
  • 100% automated data retrieval and formatting pipeline
  • Streamlined onboarding of new medical professionals

Project Overview

The Find a Surgeon in Your Area App enables patients to quickly locate surgical specialists within their region or ZIP code.
The platform supports multi-country searches, dynamic filtering by specialty, and real-time mapping through Google’s Geolocation and Maps APIs.

Built for a medical organization operating across two WordPress environments, the app connects securely via custom API endpoints to fetch verified member data without exposing the membership database directly.


Technical Architecture

The project utilized a split-server architecture consisting of:

  • A client-side WordPress host server running the React app.
  • A master membership server managing surgeon profiles and approvals.

Custom PHP-based APIs were deployed on both servers to exchange authenticated data via secure requests.
Each API handled validation, SQL queries, and data formatting before delivering structured JSON payloads back to the frontend.


How It Works

  1. Users begin by selecting:

    • Country
    • Surgeon’s last name (optional)
    • Specialty
    • ZIP code (for US regions)
  2. The React frontend sends a query to the client API, which communicates securely with the membership server to retrieve results.

  3. Returned data is rendered in a search results list, displaying key profile information and contact details.

  4. Selecting a doctor opens a popup view showing:

    • Full contact details
    • Specializations
    • Map location
  5. The system dynamically calls the Google Geolocation API to convert text-based addresses into latitude and longitude values, ensuring accurate mapping in real time.


Security & Data Management

  • Inter-server communication restricted to authenticated routes
  • All data transmission over HTTPS
  • Input sanitization and query validation applied before each SQL operation
  • No direct access to the membership database from public endpoints

This approach allowed the membership platform to maintain independence and data security while supporting live integration with the public search app.


Key Features

  • Search Surgeons by Country, Specialty, or ZIP Code
  • Dynamic Results and Profile Previews
  • Google Map Integration for Real-Time Locations
  • Dual-Server API Architecture for Security
  • React SPA Frontend with Optimized Data Fetching
  • Automated Data Sync with Membership Databases

Business Impact

“This system made it effortless for patients to locate verified specialists near them — fast, accurate, and fully automated.”

Results

  • Nationwide and regional coverage
  • Secure synchronization between membership systems
  • Reduced administrative involvement in data updates
  • Scalable foundation for future healthcare network expansion

Legacy Context

This project marked a pivotal step in Anton’s transition from WordPress-based ecosystems to API-first, decoupled architectures.
The design principles—secure API communication, real-time data translation, and modular React components—would later evolve into the Node.js microservice frameworks powering Villiers Vision Works' modern healthcare and enterprise platforms.

Ready to Build Something Amazing?

Let's discuss how we can transform your ideas into powerful software solutions.