ПРОЕКТ

Веб-приложение BMI-калькулятора с индивидуальной логикой квалификации

Разработка индивидуального веб-калькулятора, Функциональность ввода с помощью ползунков, Реализация условной логики на основе базы данных, Адаптивный интерфейс на основе Materialize, Интеграция логики роста и веса, заданной клиентом, Развертывание и передача демо-версии и исходных файлов

  • Отрасль: Веб-разработка
  • Соединенные Штаты Местоположение: Соединенные Штаты
  • Срок выполнения: 1 неделя
  • Технологии: HTML, JavaScript
  • Оценка: 5/5
1 месяц

Обзор проекта

2410 разработала индивидуальный BMI-калькулятор на основе требований клиента. Приложение позволяет пользователям вводить пол, рост и вес, а затем проверяет по базе данных роста и веса с учетом пола и роста, попадает ли пользователь в квалификационный диапазон.

Дополнительная логика гарантирует, что расчеты выполняются только в том случае, если вес находится в диапазоне, заданном для определенного роста. Калькулятор включает динамические ползунки роста и веса, которые позднее настроили на использование пользовательских фиксированных значений вместо полного следования ограничениям базы данных.

Клиент остался очень доволен, отметив, что 2410 «отлично справилась», «учла все мои требования» и «превзошла ожидания». Сотрудничество прошло успешно: запросы на изменения обрабатывались быстро, а для дальнейшего обслуживания были предоставлены технические пояснения. Клиент поставил 5 звезд и оставил чаевые.

- dasmooth98

Основные реализованные функции

  • Выбор пола с разветвленной логикой
  • Ползунки роста и веса с настраиваемыми минимальными и максимальными значениями
  • Динамическая проверка по заданным диапазонам квалификации
  • Модульные JS-функции (`init_range`, `get_range_data`, `check`)
  • Чистый адаптивный интерфейс на основе Materialize
  • Веб-демо, развернутое для тестирования клиентом
  • Документированный код для будущих обновлений

Скриншоты

Интерфейс BMI-калькулятора: выбор пола, ползунки роста и веса, а также чистый интерфейс на основе Materialize.

Интерфейс BMI-калькулятора: выбор пола, ползунки роста и веса, а также чистый интерфейс на основе Materialize.

Технологический стек

HTML
JavaScript
CSS
wNumb
noUiSlider