Приложение Expenses - это расширение Chrome с Crowdbotics, которое помогает пользователям легко управлять своими финансами прямо из браузера.
Недавно у меня была возможность использовать Crowdbotics Beta Application Builder для создания, развертывания и запуска расширения браузера в Chrome App Store.
Crowdbotics использует сочетание машинного обучения и разработчиков, специализирующихся в конкретной предметной области, чтобы помочь вам быстрее создавать приложения производственного качества. Crowdbotics Application Builder позволяет создавать базовые версии популярных приложений с различными языками и фреймворками, такими как Django, Node, Solidity и др., С помощью предварительно разработанных шаблонов. Помимо исходного шаблона, Crowdbotics предоставляет каталог, готовый к работе с GitHub, и развертывает ваше приложение в Herkou.
Из различных типов каркасов веб-приложений, доступных на платформе Crowdbotics, я решил разработать расширение для браузера, которое я никогда раньше не разрабатывал и не имею опыта разработки. С помощью платформы, предоставленной Crowdbotics, я смог быстро и легко разработать приложение для отслеживания расходов и опубликовать его в Интернет-магазине Chrome.
Приложение Expenses - это расширение Chrome, которое помогает пользователям легко управлять своими финансами прямо из браузера.
С помощью приложения «Расходы» можно добавлять новые расходы, удалять их из списка, а также просматривать графики сохраненных расходов. Управлять своими расходами с помощью расширения для браузера очень удобно, потому что вы можете просто открыть расширение и начать добавлять свои расходы без необходимости использования веб-сайта или внешнего приложения.
Функциональность приложения очень проста, вы можете переключиться на любой экран, выбрав в меню вкладок.
Приложение состоит из 4-х основных экранов.
- Аутентификация
- Дом
- Затраты
- Диаграмма
Аутентификация
Это первый экран, который видит пользователь, и предлагается войти в свою учетную запись Google.
Когда пользователь нажимает кнопку «Войти», открывается новая страница для аутентификации Google OAtuh 2.0. После того, как произойдет процесс аутентификации, пользователь будет автоматически перенаправлен на главный экран.
Дом
На этом экране отображаются все ваши сэкономленные расходы.
В этом представлении вы также можете удалить расходы, щелкнув значок корзины.
Расходы
Экран расходов содержит форму с тремя полями: описание, цена и категория.
Эта форма позволяет пользователю добавлять новые расходы. Чтобы сэкономить на расходах, необходимо заполнить все поля и затем нажать кнопку «Сохранить». Сэкономленные расходы сразу же добавляются в базу данных Firebase.
Диаграмма
Экран «Диаграмма» позволяет визуализировать расходы по категориям и переключаться между столбчатыми или линейными диаграммами. На диаграмме отображаются расходы по категориям. Суммы расходов категорий группируются и отображаются как одна статья.
Для разработки этого расширения для браузера были использованы следующие технологии:
● Firebase Google Authentication
● База данных Firebase Google
● Javascript
● Bootstrap.
● CSS / HTML
Мы приветствуем вклад в этот проект, отправляя запросы на включение в этот репозиторий Github.
Расширение для браузера было опубликовано в Chrome Store, и его можно установить по этой ссылке: https://chrome.google.com/webstore/detail/igor-expenses-app/bedddifakjpgjbcbkcpalncdjajfplkl
Если у вас есть вопросы или отзывы об этом приложении Chrome, добавьте их в комментарий или вы можете через ветку проекта на доске обсуждений Crowdbotics.
Если вы хотите создавать веб-приложения с помощью множества функций и предварительно разработанных функций, посетите Crowdbotics Application Builder и начните разрабатывать свои собственные веб-приложения.
Спасибо за прочтение!
