AFINA.
Застосунок для обліку особистих і сімейних фінансів. Встановлюється на телефон просто з браузера, без App Store і Google Play, і працює як звичайний застосунок. Придумав, спроєктував і написав сам: від ідеї та дизайну до сервера й бази даних.
Сімейний бюджет, який завжди в кишені й не потребує магазину застосунків
Облік грошей, який не кидають через тиждень
Майже всі пробували вести бюджет, і майже всі кинули. Не через лінь: інструменти незручні там, де витрачаються гроші, тобто в телефоні й на ходу.
Один застосунок для себе й для всієї сім’ї
Чому Афіна
Афіна — грецька богиня мудрості й розрахунку. Назва задає тон: гроші люблять спокій і холодну голову. Перше, що бачить користувач, — заставка з мармуровою Афіною, якою проходять золоті прожилки.
Заставка під час запуску
Зелений — завжди дохід, червоний — завжди витрата, фіолетовий — твої гроші, бірюзовий — сімейні. Не потрібно читати підписи.
Баланс — найбільша цифра на екрані. Усе інше — деталі, які відкриваються на запит.
Світла для дня, темна для вечора. Палітру підібрано так, що обидві теми виглядають як один продукт.
Відповідь на питання «скільки в мене грошей» за секунду
Відкриваєш застосунок для обліку фінансів — і одразу бачиш баланс, доходи й витрати за місяць, найбільші статті витрат і останні операції. Без меню, звітів і зайвих переходів.
Баланс, доходи й витрати на одній картці. Свайп перемикає особистий і сімейний рахунок.
Найбільші категорії витрат із часткою від усіх витрат. За «Усі» відкривається діаграма, де категорії можна вмикати й вимикати.
Кому винен ти, хто винен тобі й скільки лишилося до мети. З прогресом, а не просто сумою.
Фільтри «Доходи», «Витрати», «Борги» в один дотик. Помилку можна виправити просто зі стрічки.
П’ять розділів під великим пальцем. Усе, що потрібно щодня, в одній руці.
Три дотики, поки стоїш біля каси
Облік кидають, коли записати витрату довше, ніж її зробити. Тому головний сценарій застосунку відшліфований до мінімуму: жодних форм, календарів і обов’язкових полів.
Натискайте на кроки: екран показує, що бачить користувач
Спільний бюджет без питання «а де гроші?»
Учасники об’єднуються в групу й бачать спільний баланс, спільні борги та стрічку операцій кожного. Особистий рахунок при цьому залишається особистим: перемикання одним свайпом по картці.
Кожен веде свої витрати, а підсумок бачать усі
Застосунок для обліку фінансів на телефоні без App Store
AFINA — застосунок для обліку фінансів, зроблений як PWA (прогресивний вебзастосунок). Користувач відкриває посилання, додає застосунок на екран «Додому», і далі він запускається з іконки, на весь екран і зі сповіщеннями, як звичайний.
З повідомлення, QR-коду або із сайту. Нічого не потрібно шукати в магазині.
Одна дія в меню браузера на iPhone або Android.
Іконка AFINA на робочому столі, запуск зі своєю заставкою й без адресного рядка.
| Нативний застосунок | PWA, як AFINA | |
|---|---|---|
| Платформи | Дві окремі розробки: iOS і Android | Один код для iPhone, Android і комп’ютера |
| Публікація | Акаунти розробника, модерація, комісії магазинів | Посилання або QR-код, без модерації |
| Оновлення | Через магазин, користувач має оновити сам | Миттєво в усіх під час наступного запуску |
| Іконка, повний екран, пуші | Так | Так |
Підлаштовується під людину, а не навпаки
Валюта, мова, тема, копійки, кількість категорій на екрані та свої категорії чотирьох типів: витрата, дохід, борг і скарбничка. Перейменував категорію — зміна застосується до всіх минулих операцій. Спробуйте перемкнути налаштування.
З часом нові скіни відкриватимуться за досягнення.
Під капотом: без фреймворків і підписок
Увесь стек написаний вручну й працює на звичайному хостингу. Немає щомісячної плати за сторонні сервіси, а інтерфейс відкривається швидко навіть на слабкому телефоні й мобільному інтернеті.
Односторінковий застосунок на чистому JavaScript: переходи між розділами без перезавантаження.
- Vanilla JS
- CSS
- 2 теми
Маніфест і service worker: іконка, заставка, повноекранний режим і пуш-сповіщення.
- Manifest
- Service Worker
- Web Push
Авторизація, операції, категорії, сімейні групи та перерахунок балансів.
- PHP
- JSON API
- Авторизація
Користувачі, сімейні групи, операції, категорії та налаштування кожного учасника.
- MySQL
- Групи
- Категорії
Живий продукт, який росте
AFINA розвивається версіями. Зараз працює версія 3.1, і наступні розділи вже закладені в навігацію.
Статистика, швидке введення, борги та скарбнички, сімейна група, сповіщення, валюти й теми.
Спільний список покупок для сім’ї: додав удома, купив у магазині, сума одразу пішла у витрати.
Нагороди за звички на кшталт «30 днів без перевитрат» і нові скіни картки за них.
Той самий підхід працює для вашого проєкту
AFINA — застосунок для обліку фінансів, який показує, як я роблю вебзастосунки від ідеї до запуску. Так само можна зібрати інструмент для вашого бізнесу, який співробітники й клієнти встановлять на телефон за хвилину.
Записи, оплати, документи та статуси замовлень у застосунку на телефоні клієнта.
Продажі, витрати й заявки на одному екрані замість п’яти таблиць.
Облік, чек-листи та звіти співробітників з телефона, зі сповіщеннями.
Один код замість двох застосунків, без комісій магазинів і щомісячних підписок.
Відкрийте AFINA на телефоні
Застосунок працює. Відкрийте його, додайте на екран «Додому» та запишіть першу витрату.