doc-finder-frontend icon indicating copy to clipboard operation
doc-finder-frontend copied to clipboard

Flatiron School Module 4 Final Project. Single page application using React, Google Maps API, and BetterDoctors API. Styled with Semantic UI React components and custom CSS.

README

Doc Finder is a Flatiron Module 4 final project created by Morganne Gagne and Torre Johnson. The frontend uses React, Semantic UI React Components, and custom CSS styling.

Users can search for physicians either using their current location (via geolocation) or near any address (coordinates found through the Google Geolocation API). Users can search by keyword (physician name, speciality, condition, etc) and can filter search results by insurance, distance, and gender.

Doc Finder utilizes the BetterDoctor API, a nationwide database of physicians, dentists, and eye doctors. API requests are made through a Rails backend.

Production Site: http://doc-finder.herokuapp.com/

Using Google Maps API with React

In order to display physician data on a map, we utilized react-google-maps to integrate Google Maps. react-google-maps and documentation can be found at [https://github.com/tomchentw/react-google-maps]. We displayed physician locations with custom markers.