True/False Quiz: How to read questions using mysql (newbie)

Hi. I finally got my json to work and fetch me data from mysql (TF questions and answers) Link:
http://yospanish.000webhostapp.com/TFtest2.php

I’ve followed several tutorials as to how to display my questions and answers but can’t get it to work. I was trying to first display these on a listview, so I can then move onto the TF logic. This is the code for my most recent attempt (any help would be greatly appreciated! :D) :

void main() => runApp(MyApp());

class MyApp extends StatelessWidget {
@override
Widget build(BuildContext context) {
return MaterialApp(
home: HomePage(),
);
}
}

//Creating a class user to store the data;
class TF {

final String Question;
final String Answer;

TF({

this.Question,
this.Answer,

});
}

class HomePage extends StatefulWidget {
@override
_HomePageState createState() => _HomePageState();
}

class _HomePageState extends State {
//Applying get request.

Future<List> getRequest() async {
//replace your restFull API here.
String url = “https://yospanish.000webhostapp.com/TFtest2.php”;
final response = await http.get(url);

var responseData = json.decode(response.body);

//Creating a list to store input data; 
List<TF> users = [];
for (var singleUser in responseData) {
  TF user = TF(
      Question: singleUser["Question"],
      Answer: singleUser["Answer"]);

  //Adding user to the list. 
  users.add(user);
}
return users;

}

@override
Widget build(BuildContext context) {
return SafeArea(
child: Scaffold(
appBar: AppBar(
title: Text(“Http Get Request.”),
leading: Icon(
Icons.get_app,
),
),
body: Container(
padding: EdgeInsets.all(16.0),
child: FutureBuilder(
future: getRequest(),
builder: (BuildContext ctx, AsyncSnapshot snapshot) {
if (snapshot.data == null) {
return Container(
child: Center(
child: CircularProgressIndicator(),
),
);
} else {
return ListView.builder(
itemCount: snapshot.data.length,
itemBuilder: (ctx, index) => ListTile(
title: Text(snapshot.data[index].Question),
subtitle: Text(snapshot.data[index].Answer),
contentPadding: EdgeInsets.only(bottom: 20.0),
),
);
}
},
),
),
),
);
}
}