Flutter Tutorial | Restaurant Search App with Zomato API (Part 2: Transforming search results)

In this video we will restyle our search results with the Card Material widget design. We will introduce the flutter_rating_bar package for displaying the star rating of each restaurant. We will build the initial screen for setting our search filters, which will enhance our search in the next episode.

=== Contents of this video ===
0:00 - Intro
0:12 - App Demo
1:00 - Refactor with FutureBuilder widget
4:32 - Implement the Restaurant data class
6:47 - Use the Material card widget on search results
12:17 - Use the Flutter Rating Bar package
13:40 - Use FocusManager to collapse keypad
14:28 - Amend request parameters
15:30 - Implement search filter screen
17:47 - Deploy to mobile device
19:57 - Outro

Here's a list of milestones covered:

✔️ Refactor search logic to use the FutureBuilder widget
✔️ Restyle search results to use the Material Card widget
✔️ Display restaurant featured image with fallback if no featured image is provided
✔️ Implement a star rating section for each result
✔️ Create the search filtering screen

Please leave us your feedback in the comments, and let us know what you would like us to demonstrate next! You can reach out in the comments below or on Twitter using #Flutter #Dartlang #Zomato #React #ReactNative

Like, Subscribe and Hit the Bell 🔔 if you enjoyed this video 😍

LET'S CONNECT
---

[khethamch]

Dude your work is awesome, I have watched videos with more then millions views, more then 5 hours long and I learnt way less then what I have learnt here. Thanks for sharing

[TarantelKlient]

Thank you for the video! It was really informativ and helped me as a flutter beginner :)

[TheSkidify]

Is this the last part of this restaurant search app tutorial?