Skip to content

Калькулятор ингредиентов для выпечки (JavaScript ES6 + React 18)

Notifications You must be signed in to change notification settings

sapomaro/recipe-calculator

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

82 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Калькулятор ингредиентов для выпечки

Описание

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

Ссылка на демо-версию: https://sapomaro.github.io/recipe-calculator/


Функционал / особенности:

  • можно скопировать рецепт целиком в поле для ввода (приложение самостоятельно его проанализирует и улучшит форматирование);
  • удобные комбинированные кнопки/поля для ввода количества порций / параметров формы для выпечки;
  • мгновенная валидация ввода и отображение результата расчётов;
  • автоматическая калькуляция площади форм для выпечки разного вида (круглая, квадратная, прямоугольная) и коэффициента корреляции;
  • кнопка для очистки поля для ввода и восстановления удалённого текста;
  • адаптивная вёрстка.

Стек технологий

JavaScript ES6, React 18 & Hooks (useContext, useReducer, forwardRef, ErrorBoundary, etc.), SASS, Jest & RTL

Реализован собственный локальный Redux-подобный Store на основе React.Context с возможностью сохранения состояния через localStorage