Приложение Crunch

Мое путешествие в кодинг началось пять недель назад и привело меня сюда, где я пишу блог для своего первого проекта — веб-приложения.

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

Данные о доходах поступают из API, который я создал локально в виде JSON-файла, а затем развернул с помощью страниц на github.

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

Формы ввода очищаются после ввода пользователем, а также выдают ошибку, когда пользователь вводит число в поле ввода категории и букву в поле ввода суммы, соответственно.

if(expensesAmount.value < 0 || expensesAmount.value === '' ){
            amountErrorMessage.classList.remove('hide')
Войти в полноэкранный режим Выход из полноэкранного режима
if( /^[a-zA-Z]+$/.test(expensesCategory.value) === false || expensesCategory.value === ''){
            categoryErrorMessage.classList.remove('hide')
Войти в полноэкранный режим Выйти из полноэкранного режима

Использование данных о доходах из API стало отличной возможностью попрактиковаться в использовании функции fetch() в JavaScript. Если данные введены правильно, код выполняет функцию для вычисления баланса, который представляет собой общую сумму доходов и расходов.

Наконец, категория расходов и сумма добавляются в список.

В ближайшем будущем я хотел бы реализовать функцию для пользователя, чтобы он мог удалить элемент из списка, а также иметь возможность загрузить список.
С нетерпением жду своего следующего проекта, когда приобрету больше навыков кодирования.
Вот ссылка на приложение: https://annastacia-dev.github.io/crunch-expense-tracker-app/

Оцените статью
devanswers.ru
Добавить комментарий