Country Name | Population (M) | Size (km2) | Birth Rate | Avg Elevation (m) | Landlocked | GDP (M) | Import Value (M) | Export Value (M) | Standing Army (K) | Naval Displacement (Tons) | # Warplanes | Continent | Religion | Ethnicity | Language | Government | Trade Bloc | Alliance |
---|
This page is mostly hardcoded, but the div element below is managed by React.
I have an AWS EC2 instance running a Spring REST server which is hooked up to a Neo4j graph database. The data itself is a large pool of different foods, with links between foods that pair well together.
Upon initial load, this page queries the server for the full list of foods, and uses them as autocomplete suggestions in the text input field below. When the user inputs a food that matches one on the list, a fetch call is made to the server, which returns the list of pairing foods. React then updates the div to display those results.