Recipes Book Offline – Flutter Web – Source Code

Description

Create yourself a database with recipes.

Technologies used

• IndexedDB – It includes Create Read Update Delete (CRUD) operations on several record types – Meal Type, Ingredient and Ingredient in Recipe (connection between Meal and Ingredient) – with Data Store – the browser offline data storage (IndexedDB database) – implemented pure JavaScript (with no dependendies)
• It uses the Flutter Framework for User Interface library and the Web as a Target Platform.
• The code is organized in Model – View – View Model Design Pattern. This means you could alter the data source of the app – cloud services, private backend, or something else – or add some additional business logic changes – without changing a single line of the User Interface code.
• The UI Code is responsive. On Landscape screens (width > height) – the view split in two 50/50 – list + add/edit. On Portrait screens – the user interface is with one view at a time list or add/edit.

 

The current list of files included in the Recipes Book App Package is:

/test
/test/widget_test.dart
/.metadata
/web
/web/index.html
/web/Ingredient.html
/web/favicon.png
/web/Recipe.html
/web/icons
/web/icons/Icon-192.png
/web/icons/Icon-512.png
/web/MealType.html
/web/manifest.json
/web/app.js
/web/sw.js
/web/fest.json
/web/IngredientInRecipe.html
/pubspec.lock
/ios

/lib
/lib/viewModel
/lib/viewModel/RecipeViewModel.dart
/lib/viewModel/MealTypeViewModel.dart
/lib/viewModel/IngredientInRecipeViewModel.dart
/lib/viewModel/IngredientViewModel.dart
/lib/ui
/lib/ui/IngredientInRecipeListItem.dart
/lib/ui/RecipeAddEdit.dart
/lib/ui/RecipeListItem.dart
/lib/ui/RecipeList.dart
/lib/ui/MealTypeListItem.dart
/lib/ui/IngredientDetails.dart
/lib/ui/IngredientInRecipeDetails.dart
/lib/ui/MealTypeDetails.dart
/lib/ui/RecipesBookDrawer.dart
/lib/ui/IngredientInRecipeAddEdit.dart
/lib/ui/IngredientAddEdit.dart
/lib/ui/MealTypeList.dart
/lib/ui/IngredientList.dart
/lib/ui/MealTypeAddEdit.dart
/lib/ui/RecipeDetails.dart
/lib/ui/IngredientInRecipeList.dart
/lib/ui/IngredientListItem.dart
/lib/adddependencies.txt
/lib/utils
/lib/utils/DataAccess.dart
/lib/utils/utils.dart
/lib/main.dart
/lib/model
/lib/model/Ingredient.dart
/lib/model/Recipe.dart
/lib/model/MealType.dart
/lib/model/IngredientInRecipe.dart
/lib/model/Result.dart
/lib/db
/lib/db/MealTypeIndexedDbDao.dart
/lib/db/RecipeIndexedDbDao.dart
/lib/db/IngredientInRecipeIndexedDbDao.dart
/lib/db/IngredientIndexedDbDao.dart
/lib/i18n
/lib/i18n/messages_all.dart
/lib/i18n/AppLocalizations.dart
/lib/i18n/intl_en.arb
/lib/i18n/messages_en.dart
/lib/rest
/lib/rest/Constants.dart

 

And Platform Specific files not important at the moment. The full list of files could be viewed here:

https://programtom.com/appbuilder/zimbdWPaCfaRaGJxi87AQE6wsIY3bgZrvlHmDm90j4/Recipes_Book/FLUTTER_WEB_BROWSER_CRUD_PHP_BACKEND/online/recipes_book/recipes_book.txt

 

The list of files, the demo, the product package/files list/ and probably the price will be upgraded in the future with the improvements in the Generator App Product that creates this small app.

You can open the demo from this link: https://programtom.com/appbuilder/zimbdWPaCfaRaGJxi87AQE6wsIY3bgZrvlHmDm90j4/Recipes_Book/FLUTTER_WEB_BROWSER_CRUD_PHP_BACKEND/online/recipes_book