recipe_app_flutter

A new Flutter project.

Getting Started

This project is all about API calling and JSON Handling.

Took inspiration from the following blog link: https://oflutter.com/simple-recipe-list-app-using-flutter-and-api/

Take a look at the snap of my Codebase😊

image

API Used

Yummly API from the Rapid API website. In case, you want to check it out: https://rapidapi.com/apidojo/api/yummly2/

Packages Used

HTTP, Convert

Basic workflow

The Recipe App built using Flutter obviously has a main.dart file to intiate the execution process. The first call goes to the home.dart file. Over here, simply the loading state is checked. In case, the async function is done with the processing, the list view is built. From here itslef, the vales are sent to the class RecipeCard.dart. Each card is individually instantiated and returned. Again, we have the model class Recipe.api.dart to communicate between the web server and the app. We have the Recipe.dart file to handle the JSON request.

UI of the APP {Finally, here it comes😎😎}

Screenshot (850)