Calculate Money — это современное веб-приложение (PWA), созданное, чтобы забыть о тетрадках и сложных Excel-таблицах. Оно позволяет вести учет каждой услуги за секунды, автоматически считает проценты, чаевые и подводит баланс в конце дня.
Для кого:
- 💅 Мастера: Видят свою зарплату в реальном времени, историю клиентов и долговые обязательства.
- 🏢 Администраторы/Владельцы: Контролируют общую выручку, видят занятость мастеров и сводные отчеты.
- Быстрый ввод: Добавление клиента, выбор услуг (Маникюр, Педикюр и др.) и типа оплаты (Наличные/Карта/Смешанная) за пару кликов.
- Гибкие настройки: Учет ситуаций, когда клиент платит Админу или переводит Мастеру на карту.
- Чаевые: Отдельный учет чаевых (Наличные остаются у мастера, Карточные делятся или учитываются в балансе).
- Умный расчет: Приложение само считает, кто кому должен в конце дня (Мастер Салону или Салон Мастеру) с учетом установленного процента (например, 40/60).
- Долги и Корректировки: Специальный режим для записи ручных долгов ("Взял из кассы", "Купил материалы", "Салон оплатил обед").
- Проценты: Настройка разных процентов для Наличных и Безналичных оплат.
- PDF Экспорт: Генерация профессионального чека/отчета за любой период.
- Группировка по дням.
- Подсчет итогов за каждый день: "Салон мне: +40€".
- Общий итог за период.
- Excel: Возможность выгрузки данных для детальной аналитики.
- PWA: Можно установить как приложение на телефон.
- Роли: Разграничение прав доступа (Мастер видит только своё, Админ — всё).
- Dark Mode: Стильный и понятный интерфейс.
- Frontend: React, TypeScript, Vite
- UI Kit: Tailwind CSS, Shadcn UI, Lucide Icons
- Backend/BaaS: Supabase (PostgreSQL, Auth, Realtime)
- PDF Generation: html2pdf.js + Custom CSS
- State Management: React Hooks + Context
| Дашборд Мастера | Добавление Записи | PDF Отчет |
|---|---|---|
| Баланс, список клиентов и итоги дня | Удобная форма с выбором услуг и оплаты | Профессиональная верстка с итогами |
-
Клонируйте репозиторий
git clone https://github.com/nikita-ursulenko/CalculateMoney.git
-
Установите зависимости
npm install
-
Настройте окружение (.env) Создайте файл
.envи добавьте ключи Supabase:VITE_SUPABASE_URL=your_supabase_url VITE_SUPABASE_ANON_KEY=your_supabase_anon_key
-
Запустите проект
npm run dev
Система использует уникальную логику "Баланса" для расчета взаиморасчетов:
-
Если Мастер принял Наличные:
- Деньги у мастера.
- Мастер должен отдать Салону процент (например, 60%).
- Баланс Мастера уменьшается.
-
Если Клиент платил Картой (в кассу):
- Деньги у Салона.
- Салон должен отдать Мастеру его процент (например, 40%).
- Баланс Мастера увеличивается.
-
Итог Дня:
- Суммируются все плюсы и минусы.
- Результат показывает, кто кому должен передать деньги в конце смены.
Создано с ❤️ для beauty-индустрии.