Розробка калькулятора калорій страв

Abstract

UK: Об'єкт розробки – односторінковий веб-додаток для підрахунку калорійності страв. Мета роботи – розробка автономного односторінкового веб-додатку калькулятора калорій страв, що забезпечує зручний розрахунок енергетичної цінності раціону для україномовних користувачів. У дипломній роботі досліджено та проаналізовано сучасні програмні рішення для підрахунку калорій, зокрема MyFitnessPal, Lose It!, Cronometer та FatSecret. Розглянуто їх переваги та недоліки, визначено потребу у створенні автономного рішення з підтримкою української мови та локальних продуктів харчування. Розроблено повнофункціональний односторінковий веб-додаток калькулятора калорій, реалізований у вигляді єдиного HTML-файлу обсягом до 50 КБ. Створено вбудовану базу даних, що містить 190 продуктів харчування українського раціону, систематизованих за 12 категоріями. Реалізовано адаптивний інтерфейс із використанням технології Flexbox та медіа-запитів CSS, що забезпечує коректне відображення на мобільних пристроях, планшетах та настільних комп'ютерах. EN: The subject of this project is a single-page web application for calculating the calorie content of meals. The aim of this project is to develop a standalone single-page web application that acts as a meal calorie calculator, enabling Ukrainian-speaking users to conveniently calculate the energy value of their diet. This thesis investigates and analyses modern software solutions for calorie counting, specifically MyFitnessPal, Lose It!, Cronometer and FatSecret. Their advantages and disadvantages are examined, and the need for a standalone solution supporting the Ukrainian language and local food products is identified. A fully functional single-page web application for a calorie calculator has been developed, implemented as a single HTML file of up to 50 KB. An embedded database has been created, containing 190 food items from the Ukrainian diet, organised into 12 categories. A responsive interface has been implemented using Flexbox technology and CSS media queries, ensuring correct display on mobile devices, tablets and desktop computers.