Foody

🥗Foody is a modern *recipe book* app made in Android Studio with Hilt, Coroutines, ViewModel, ViewBinding, Room, RetroFit, and Material Design based on MVVM architecture.

Ui Made in Figma

Tech stack & Open-source libraries

• Minimum SDK level 27

• Hilt for dependency injection.

• Architecture

  • MVVM Architecture (View - ViewBinding - ViewModel - Model)
  • Repository Pattern (Local/Remote)

• Coordinator Layout

• View Pager for the daiteles activity

• Material Ui

• Navigation Component

• Room components for the database

• View binding to bind data :)

• DataStore to save the meal preferences when closing the app

• Recyclerview to sort the data

• Retrofit the get the data from the api

• Coroutines to handel the api requests

• Lifecycle

• Coil for loading the food images from a url

• Gson to convert the data list into a Json file to save into the DataBase

• Shimmer for the glow effect when loading

• Jsoup to convert the Html data to a normal text

What I learned

• using Hilt
• using retrofit to get data from "https://spoonacular.com/food-api"
• use room database to save the favorite recipes
• using navigation control
• using page handler to set a page tab view
• using safe args
• using data store to save the meal preferences
• using attrs to use dark theme and light theme
• using animation to animate the buttons in the bottom bar
• Costume Views: -the Bottom animated bar, made by Shape Shifter and the Animated drawable

Final app

dark.mp4

light.mp4

Architecture

Foody is based on the MVVM architecture and the Repository pattern.

Open Api

Foody uses the Spoonacular RESTful Api for getting a list of recipes. Every recipe contains:

• the food picter
• the extended ingredients
• the source Url
• a summary of the food
• the diet type: vegan, glutenFree ...
• the meal type: drink, dessert ...