Developed a macro nutrient filtering user interface and live preview feature for the Garnir-111/meal_planning- repository, enabling users to tailor meal plans based on carbohydrates, proteins, and fats. The solution introduced range input controls within filters.html, allowing real-time adjustment of macronutrient values through interactive sliders. JavaScript was used to dynamically update macro value displays as users modified their selections, enhancing the responsiveness and usability of the meal planning workflow. The work focused on front end development, leveraging HTML and JavaScript to ensure a polished, responsive interface that improves user engagement and supports precise dietary customization without reported defects.