5 Minute Matcher - A basic Grants API front-end

This is a basic/minimal HTML/CSS/JS front end that makes requests to a back-end-proxy.php file. It first makes two GraphQL calls to get the Sector and Region choices then, once the form is submitted, it requests the results. When a result is clicked it then makes a further call to fetch the purpose details to display to the user.

This is a minimal example and doesn't do the full validation and error handling that would normally be present.
The back-end-proxy.php file uses the test API key so it will always return the same 2 Purpose results regardless of the Sector and Region passed in.
Once you replace the test API key with your live one then real results will be returned.