I continued building out the layouts for the screens we discussed in our meeting. This should give enough visualization to get a rough idea of the app flow for the customer's perspective
Home Page:
The home page recommends restaurants based on user preferences set during onboarding. The onboarding process collects basic info such as location, preferred cuisine, and budget, to personalize recommendations. It's main purpose is to show something on the home page so it's not blank and we have an extra tab.
The home page which shows the restaurants.
Order Page:
This page displays a list of restaurants, with sponsored restaurants featured at the top. Users can click on a restaurant to view detailed information, menu sets, deals, etc including an option to make a reservation.
Restaurant Results Screen which comes from query
Restaurant Info Screen which comes from selecting restaurant. Can also get here from home screen too.
Reservations Tab:
The reservations tab is split into two sections: current and past reservations. Clicking on a reservation brings up details about the restaurant, with an option to cancel for active reservations.
The list of reservations.
When clicking the reservation
Notes:
Right now, the code is still rough—I threw things together to get the layouts functioning.
I still need to clarify the exact API endpoints I need from @shortland.
The JSON files in the test folder are just mocks and placeholders, and they need refinement before final implementation but gives a rough example of what I need.
The design and overall theme still need significant improvement and definition. Took inspiration from Uber
Would be nice to have a 5th tab. Not sure what it could be.
Progress Update
I continued building out the layouts for the screens we discussed in our meeting. This should give enough visualization to get a rough idea of the app flow for the customer's perspective
The home page recommends restaurants based on user preferences set during onboarding. The onboarding process collects basic info such as location, preferred cuisine, and budget, to personalize recommendations. It's main purpose is to show something on the home page so it's not blank and we have an extra tab.
The home page which shows the restaurants.
This page displays a list of restaurants, with sponsored restaurants featured at the top. Users can click on a restaurant to view detailed information, menu sets, deals, etc including an option to make a reservation.
Restaurant Results Screen which comes from query
Restaurant Info Screen which comes from selecting restaurant. Can also get here from home screen too.
The reservations tab is split into two sections: current and past reservations. Clicking on a reservation brings up details about the restaurant, with an option to cancel for active reservations.
The list of reservations.
When clicking the reservation
Notes:
Would be nice to have a 5th tab. Not sure what it could be.