Specifies a recipe finder built on a food API with ingredient, cuisine and diet filters, ratings and nutrition details.
Create a recipe finder application using HTML5, CSS3, JavaScript and a food API. Build a visually appealing interface with food photography and intuitive navigation. Implement advanced search with filtering by ingredients, cuisine, diet restrictions, and preparation time. Add user ratings and reviews with star system. Include detailed nutritional information with visual indicators for calories, macros, and allergens. Support recipe saving and categorization into collections. Implement a meal planning calendar with drag-and-drop functionality. Add automatic serving size adjustment with quantity recalculation. Include cooking mode with step-by-step instructions and timers. Support offline access to saved recipes. Add social sharing functionality for favorite recipes.
使用 HTML5、CSS3、JavaScript 和一款食物 API 构建一个食谱查找器应用程序。打造一个视觉上富有吸引力的界面,包含美食摄影图片和直观的导航设计。实现高级搜索功能,支持按食材、菜系、饮食限制(如素食、无麸质等)以及准备时间进行筛选。添加用户评分与评论功能,并采用星级评分系统。提供详细的营养信息,并以可视化指示器呈现卡路里、宏量营养素(蛋白质、脂肪、碳水化合物)及过敏原信息。支持保存食谱,并将其分类归入不同收藏集。实现带拖放功能的膳食计划日历。添加自动调整份量大小的功能,并同步重新计算各食材用量。内置烹饪模式,提供分步式操作说明及计时器。支持离线访问已保存的食谱。添加社交分享功能,便于用户分享喜爱的食谱。