CRM system

Приложение, которое умеет считать расходы и доходы пользователя.

• В приложении реализованы страницы:

  • Счет
  • История
  • Планирование
  • Новая запись
  • Категории
  • Профиль
  • Авторизация
  • Регистрация

• А также два лэйаута:

  • Для страниц авторизации
  • Основной, для авторизованного пользователя

• Создана навигация и защита роутов при помощи Vue-router

• Реализовано плавное скрытие и открытие левого меню

• Динамически отображается текущая дата и время

• Реализована валидация форм с Vuelidate

• Добавлены всплывающие сообщения о действиях и об ошибке с помощью toasts

• В качестве UI-библиотеки используется materializecss

• В качестве сервера и базы данных используется firebase

• В качестве хранилища используется Vuex

• Реализован актуальный курс валют из open api

• Реализована авторизация, регистрация, сохранение сессии и выход из аккаунта

• Можно добавлять, редактировать категории

• Можно добавлять расходы и доходы

• На странице профиля можно изменить имя и язык

• На странице планирования показываются все расходы по добавленным категориям с прогресс баром, в зависимости от процента трат по отношению к указанному лимиту, а также показывается tooltip с суммой, которая осталась или которую превысили

• На странице истории записей можно посмотреть диаграмму расходов по категориям, реализованную с chart.js и vue-chart-3, таблицу со всеми записями с пагинацией, сделанной с помощью vuejs-paginate-next и миксина, а также подробную информацию по каждой записи

• Реализована локализация на английский язык с vue-i18n

Посмотреть Demo

Первый запуск

yarn install

yarn serve