For Rachel

rachel.dart

class ProductGrid extends StatelessWidget {

  ProductGrid(this.userDocs);
  List<DocumentSnapshot> userDocs;

  IndividualProduct createProductFromSnapshot(DocumentSnapshot document) {
    return IndividualProduct(
        document["product_name"],
        document["image"][0],
        document["discounted_price"].toString()
    );
  }

  @override
  Widget build(BuildContext context) {
    List<IndividualProduct> products = userDocs.map(createProductFromSnapshot).toList();

    return GridView.count(
      primary: false,
      padding: const EdgeInsets.all(20),
      crossAxisSpacing: 10,
      mainAxisSpacing: 10,
      crossAxisCount: 2,
      children: products,
    );
  }
}