食谱搜索与膳食计划

使用 HTML5、CSS3、JavaScript 和食物 API 创建一个食谱查找应用。打造视觉效果出色的界面，配有食物摄影图片和直观的导航。实现高级搜索，可按食材、菜系、饮食限制和备餐时间筛选。加入带星级评分系统的用户评分和评论。提供详细的营养信息，并以可视化指示展示热量、宏量营养素和过敏原。支持保存食谱，并将其分类归入收藏集。实现支持拖放操作的膳食规划日历。加入自动调整份量的功能，并重新计算用量。包含分步说明和计时器的烹饪模式。支持离线访问已保存的食谱。为喜爱的食谱添加社交分享功能。

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.