Web Mockups
When regular user login/sign up, he/she is directed to the Regular User Profile Page to edit his/her profile page.
- When user clicks "Preferences" button, the page will be navigated to Preferences Page to see/edit his included/excluded ingredient preferences.
- When user clicks "Includes" button, he/she can see the included ingredient items.
- When user clicks "Excludes" button, he/she can see the excluded ingredient items.
- When user clicks "Log" button, the page will be navigated to Personal Log Page.
- When user clicks "Diet" button, the page will be navigated to Edit Diet Page.
After user finishes editing his/her profile page, he/she can click to website logo to go to Regular User Home Page.
<img src=https://www.dropbox.com/s/ob8ti7nvszgupka/Edit-Preferences-Web.png?raw=1 width="800">
User can see/edit his/her preferences on this page.
- If user clicks the plus icon, he/she can add the ingredient item to includes/excludes.
- If user clicks cross icon of related ingredient, he/she will remove related ingredient from includes/excludes.
<img src=https://www.dropbox.com/s/hjul2rj5vnrfqid/Personal%20Log.png?raw=1 width="800">
User can see daily personal food log on this page.
<img src=https://www.dropbox.com/s/wxn1lh3e6qzcsmz/Edit%20Diets.png?raw=1 width="800">
User can edit his/her diet by checking/unchecking the diets he/she follows.
On this page, user can find recommended food servers/meals based on his/her history and preferences. Also user can choose the type of the food he/she is looking for at home page.
<img src=https://www.dropbox.com/s/5yskobuoal69ozv/Screenshot%20%28111%29.png?raw=1 width="800"> <img src=https://www.dropbox.com/s/vpi127hatz8co81/Screenshot%20%28112%29.png?raw=1 width="800">
-
If user wants to go to User Profile, he/she should click username at dropdown menu on the top right of the home page.
-
If user clicks to one of these foods, he/she will be navigated to View Meal page.
-
If user clicks the type of the food at "What you are looking for?" part, recommended food servers and meals will be changed based on the chosen type of food.
<img src=https://www.dropbox.com/s/h65cyvvzv1aej44/Checkout.png?raw=1 width="800">
- User can check-eat with his/her friends by clicking "Check-Eat" button.
- User can rate the food by choosing the number of stars.
- User can save the comment for a food by clicking "Save" button.
<img src=https://www.dropbox.com/s/v8gvr6brz5jbh2m/Screenshot%20%28113%29.png?raw=1 width="800"> <img src=https://www.dropbox.com/s/w7bi1kuzxrrzytg/Screenshot%20%28114%29.png?raw=1 width="800">
