apruner / my-fridge-app Goto Github PK

Let's actually do some data persistence! Co-ordinate with the graphql server to actually create/read/ food items, since the UI for those operations is already built out.

For now, the requests won't be protected by auth but that's not such a big deal yet.

Self explanatory! Add some unit tests for components and things

Firebase auth has a seemingly easy to use way to set up auth with email/password. Look into adding this to make use of my current login form.

• This would also involve building a sign up form

I've got some awesome logos to add to the app, so let's throw em in there!

Also, do some general UI redesign/refactoring

Implement swipe left/right at the edge of the screen to switch pages! This is just a cosmetic feature because the nav buttons work just fine :)

Implement a signup with google/facebook (OAuth v2) page and service to hit a graphql endpoint in the server! This is dependent on server work.

Need to have an organized plan for project structure. Src code should be broken up into the following directories:

• Services (graphql stuff)
• Screens (pages in the app)
• Widgets(reusable components)
• Utils
• Anything else relevant (Constants, etc)

Right now, the "Add to" dropdown in the createFoodItem form is still dummy. The value in this dropdown should map to a shoppingListId.

The current login screen is awful and needs a redesign. Lets do it!

Since the UI is built out for displaying/creating shopping lists, might as well fetch real data from the server.

Build a stateful login screen that doesn't yet talk to the backend. It'll need to have the following:

• Email and password inputs

OR

• Login with google button

or both! We'll see how the backend work goes first :)

We will definitely need search filters for usability! A simple substring search should probably do for now, but we should ideally index all fields of the shopping list/food item

On the fridge/pantry page, we need to show the user which staples they have in their fridge/pantry, and also give them the option to add/remove groceries.

Build out/mockup frontend functionality for creating/deleting shopping lists and items from those shopping lists

Of course it's useful to view all the shopping lists at once, but we also need functionality to view them one at a time.

We should have an overlay screen for this. The user should be able to get there by tapping a shopping list on the shopping lists screen (duh!).

On this overlay screen, we need the following functionality:

• Add an item to the list
• Remove an item from the list
• Adjust the values (amount, category, name) of the items that are in the list
• Delete the list
• Rename the list

Not all of these need to get done in this issue (it's a lot of work for one issue), but whatever doesn't get done should have new issues created for it.

Straight forward enough, for now it can just use a stock image

On the Home page, I want to list the 3 most recent shopping lists. I think the way I'll do this is just caching the last 3 opened or created shopping lists as a queue somewhere. This might involve some server changes as well.

Obviously we need somewhere for the user to be able to switch around settings, and view their profile/household, etc.

This could be a top app bar, or a side bar, or even a hamburger menu or something. More work todo here.

Self explanatory: a little dismissable toast message would be awesome upon creating a food item.

Also, toast messages for errors in doing so would be great too

Mockup the home screen, which will have a number of features (maybe in a tab setup at the bottom/top of the screen, or a sidebar):

• My Lists (shopping list CRUD)
• My Fridge/Pantry (inventory CRUD)
• Maybe more stuff to come, but these two are good for now

Since we have quite a bit of functionality complete now, time to start focusing in on the styles.

Let's do a light and dark theme, and break up the styles where possible.

Need to be able to update fields in food items from the singleFoodItem Overlay

The following workflows need to be built mocked up:

• Logging in
• Signing up
• Viewing inventory
• Adding a set of items to inventory (can be via text entry or something simple for now)
• Shopping list (Create list, add to list, delete list, remove from list)

Backend calls to delete need to work for a working alpha!

Implement this for the appropriate flows where delete is necessary (fridge screen and singleFoodItem overlay)