Некоторое время назад я нашел интересный проект React. Это приложение для отслеживания расходов. Как человек, который еще не изучил React, я кодирую в основном на VueJS (Vuetify), с другой стороны, я хотел сделать это с помощью чистого Javascript.
Первоначальный Отслеживание расходов управляется голосом, и это то, что я хочу изучить однажды. Пока что шаг за шагом.
Когда я начал изучать TailwindCSS + DaisyUI в течение прошлого месяца, это некоторые из вещей, которые я включил в свой список дел, поэтому посмотрите, смогу ли я узнать достаточно, чтобы производить. Да, пока я немного заржавел, так как я новичок в этом, но прогресс был очень поучительным.
Я ни в коем случае не дизайнер, но то, как легко придумывать красивые интерфейсы, просто бомба!
Я решил добавить немного своего вкуса в текущее приложение, карточку статистики, а затем несколько круглых границ и тень для некоторых побрякушек, вот оригинальный трекер речевых расходов, сделанный в MaterialUI.
Я также создал разделы, чтобы можно было зафиксировать и указать свои собственные категории расходов и доходов.
Поскольку я также тестировал инструмент, который я создаю для своей DevOps, я добавил функциональность для сохранения изображений непосредственно в базе данных PocketBase. В одной таблице я использовал «фишки» для категории, а в другой — компонент «цвет», чтобы изучить доступные варианты выбора.
Вы можете посмотреть демо на Netlify.
