Started out as a branch for displaying a basic table but turned into a bit of a refactor with some arbitrary decisions that anyone is welcome to question.
The meal plan table is displayed with very basic CSS. PLEASE feel free to change the style!
The table is displayed on its own page with a button to return to the form.
App.js now uses two routes in place of the MealPlanGenerator component. One for the form and one for the meal plan.
The MealPlanGenerator component has gone and is replaced with the FormPage component. It is almost the same thing but it made semantic sense to me, especially since the whole app is a meal plan generator.
Successful data return from chatGPT renders the table on a new page.
MealPlan and Form data is lifted to App.js so no data is lost when moving between pages, however, all data is currently lost if a page is refreshed.
The 'Get Started' button has gone as it looks like an actionable button but is not and I found that very unintuitive and confusing for users.
Where the 'Get Started' button was, appears a 'Return to meal plan page' button when meal plan data exists, e.g. when a user returns to the form page.
The 'Generate' button reads as a 'Regenerate' button if meal plan data already exists.
I am going to remove myself from the data table ticket as it feels like it could do with more CSS work and I am happy for anyone else to take that on.
Started out as a branch for displaying a basic table but turned into a bit of a refactor with some arbitrary decisions that anyone is welcome to question.
I am going to remove myself from the data table ticket as it feels like it could do with more CSS work and I am happy for anyone else to take that on.