1. Introduction to NutriEats

1.1 Assignment tasks

The assignment required the design and development of a responsive web application that enables users to explore, manage, and interact with web-based data. Core requirements included a public browsing area, a private user space, and a content-driven structure focused on usability and accessibility.

The final solution had to be deployed to a live environment and supported with documentation covering the complete design and development process.

1.2 What NutriEats delivers

NutriEats fulfills the assignment requirements by delivering:

• A fully responsive web application optimized for desktop and mobile use.
• A recipe discovery system with structured categories.
• A Categories section for filtering recipes by:
  • preparation time
  • meal type (breakfast, lunch, dinner, snacks)
  • nutritional classification
• A Meal Planner that allows users to plan meals by date.
• A Favorites area for saving preferred recipes.
• A Blog section where users can share comments, tips, and healthy-eating advice.
• A clean and intuitive user experience grounded in HCI principles.
• A live, deployed application hosted on Vercel.

1.3 Inspiration & positioning

NutriEats is inspired by popular recipe and nutrition platforms but improves upon them by prioritizing:

• Reduced cognitive load through clear categorization.