realcadecon / demeter Goto Github PK

Goal is to refresh sign up page with thymeleaf, HTML, CSS

Steps:

1. Create design in penpot
2. Add design to code with HTML/CSS

The idea is that you are building a meal that achieves some goal calorie-wise. This means we should have stats for meals such as a specific goal for calories, protein, carbs, and fat.

• rework meal table in database to add columns for caloric and macronutrient goals
• these should be added to meal list page as a percentage
• design specifically with a progress bar in penpot
• port design to code
• update thymeleaf and backend code to show these new percentages

• Add color
• Move Buttons
• Give some personality to the app

• prototype in penpot
• need to consider what other elements should be on this page like meal goal

Currently using http with Route 53 and Elastic beanstalk
Research how to get an SSL cert and enable HTTPS

Goal: from list of meals, a shopping summary should be generated that will tell you exactly what you need to buy from the grocery store

• Create design for this in penpot
• Decide whether or not this should be a separate page or on the side of the meal list
• Update Java code to produce this list
• Update thymeleaf to display new data
• Port design from penpot

Meals needs to be updated:

• currently only has "name" property
• want to add caloric summaries
  • Total Calories = calculated by adding all foods together
  • Total Fats = calculated by adding all fats of foods together
  • Total Carbs = calculated by adding all carbs of foods together
  • Total Proteins = calculated by adding all proteins of foods together

Expectations:

• When creating new food, Then meal list caloric summaries are updated
• When deleting a food, Then meal list caloric summaries are updated
• When updating a food, Then meal list caloric summaries are updated
• When user opens application, Then user should be presented with list of meals each with a caloric summary

Update food list design

• This should more or less match the meal list design
• prototype in penpot first
• Add other elements specific to meal
  • Caloric summaries
  • Caloric Summary Goals for the meal

If there are User A (id=1) and User B (id=2). User A should not be able to access the meals for User B by manually going to endpoint "/meals?id=2"

• Need to edit Security Chain

Now that the application is deployed to AWS Elastic Beanstalk, a form of automatic testing and deployment should be considered.

• explore what options github has for this
• explore code pipeline from AWS
• explore Jenkins

• add landing page where unauthenticated requests can go
• add button to login or sign up on landing page
• edit login page to add a button for sign up
• add custom registration form

The caloric summary should remain accurate based on the foods in the meal, rather than resetting all values to 0.

Goal is to refresh Login page with thymeleaf, HTML, CSS

Steps:

1. Create design in penpot
2. Add design to code with HTML/CSS

Goal is to add a definitive database for foods that will eventually provide autofill for calories, protein, carbs, and fat.

• I have no idea how to do this
• Research and make a list of reputable sources
• Research whether or not to use an API or just download the database and abstract it myself
• Research autofill text boxes
• Research suggestions as you type into text box

Rework Meal List Page:

This is the first page users will see when logging in.

• Rework tables to be better designed and modern
• Make a List of elements that need to be on page
• Create page design in penpot
• Research other design elements to be on page