I want to create a web application for listing restaurants and their menus. Here's exactly what I need:
Restaurant Listing: Each restaurant entry should include its name, location, and menu.
QR Code Access: Users should be able to scan a unique QR code at each restaurant to access that restaurant's menu directly in the app.
Ingredient-Based Filtering: Users should be able to filter meals across all restaurants by selecting specific raw materials/ingredients (e.g., Spinach, Chicken, etc.). When a user selects an ingredient, only meals containing that ingredient should be shown.
Map View:
I want a full-screen OpenStreetMap embedded in the app.
Each restaurant should be pinned on the map.
When a pin is clicked, a small info box should appear at the bottom of the map, not as a large popup.
This info box should show restaurant details and include a "Show Menu" button.
The "Show Menu" button should display the restaurant's menu in an elegant, user-friendly layout.
The design should be responsive and mobile-friendly.
Please include mock-up data for restaurant information, locations, menus, and ingredients so I can test all the features easily.
Please generate a working version of this application based on the requirements above.
Loading...
I want to add another filter section. We want to help users, to filter the menu items based on their allergy. You should define a mock list of allergies, and specify the forbidden ingredients with each allergy. So if a user chooses an allergy in filter section, we should show them those meals without forbidden ingredients related to the selected allergy.
So the filter page is not used for filter by ingredients only. Change it based on my above explanation
Loading...
Each restaurant page, should have a review section. So users can rate the restaurant, and leave comments. There is no need to save the rate and comments anywhere for now, but you should consider their functionality and add mocked APIs for them,