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 创建一个食谱查找应用。打造一个视觉效果出色、配有美食图片且导航直观的界面。实现高级搜索功能,可按食材、菜式、饮食限制和准备时间进行筛选。添加带星级评分的用户评分和评论功能。包含详细的营养信息,并用可视化指示器展示热量、宏量营养素和过敏原。支持食谱保存并归类到不同的收藏夹中。实现带有拖放功能的膳食计划日历。添加自动份量调整功能,可重新计算用量。包含带逐步说明和计时器的烹饪模式。支持离线访问已保存的食谱。为喜欢的食谱添加社交分享功能。