✍️
Team FitBob
  • Introduction and Foreword
  • Motivation
  • Features
  • Tech Stack
  • Software Engineering Practices
    • Requirements
    • Software Design Patterns
      • Model View Controller (MVC)
      • Abstraction Occurrence Pattern
  • Deployments
    • Trying Our App
  • Activity diagram
  • Frontend
    • Login
    • User Registration
    • Client Screens
      • Client Dashboard
      • Client Profile
      • Eating History
      • Meals
    • Personal Trainer screens
      • Personal Trainer Profile
      • Personal Trainer Dashboard
        • Clients
        • Meal plans
        • Meals
    • Recipe screens
    • Search screen
    • Searching for Restaurants
    • Notes on BeautifulSoup and Flask
    • Request/Success/Failure Cycle
  • Backend
    • Notes on Django
    • API
    • Entity relationship diagram
  • Testing
    • User Testing
    • Backend
  • Project Limitations and Constraints
  • Closing Thoughts.
  • Project log
  • Poster
Powered by GitBook
On this page

Was this helpful?

  1. Frontend
  2. Client Screens

Meals

This page is accessible from the "Your Meals" button, one of the buttons expanded from the floating action button in the dashboard page.

PreviousEating HistoryNextPersonal Trainer screens

Last updated 3 years ago

Was this helpful?

The page consists of 3 "tabs" which can be navigated by swiping side ways.

We have added tab indicators at the top of the meals screen to make it more obvious that there are multiple tabs.

The Meals section consists of:

  • Meal plans

  • Custom meals

  • Favourite meals

Meal plans

Meal plans are added through the add meal plan button which expands from the floating action button in the Meals section. Upon tapping, there will be a popover only asking for the name of the meal plan. From there, the user will add the food items by tapping on the meal plan itself and using the action buttons shown further below.

In this page, the user can tap on the meal plan and add food items to the meal plan, which will bring him to the search page where he can choose which food item to add. He is also able to delete the meal plan. The calories displayed on the side is the total calories that the meal plan consists of.

Furthermore, tapping on the arrow expands the meal plan and displays a list of meals in it. The user will then also be able to carry out the shown actions in the popup after tapping on a food item.

Custom meals

Favourites

Lists the user's favourite meals and allows them to perform the actions shown on the food items.

In this page, the user will be able to see all the recipes that he has created. As per usual, tapping on the food item will allow them to carry out the actions shown in the popup. The screens for the view and edit buttons are shown in the section.

Recipe
Popover when add meal plan button is tapped
Popup with actions after tapping on a meal plan
Popup with actions after tapping the food item
Popup with actions after tapping food item
Popup after tapping on the food item