Перейти до вмісту

Власний продукт · веб-застосунокВласний проєкт

Gatify

Редактор і симулятор цифрових схем у браузері

Ніша
Власний продукт · веб-застосунок
Строк
Живий продукт
Що зробили
Продукт і UX · Frontend · Рушій симуляції · Збереження й експорт

Редактор розрахований на комп'ютер: схеми збираються мишею. Спершу відкривається сторінка продукту, а в редакторі вже чекає готовий приклад — повний суматор.

01 Задача

Цифрові схеми зазвичай вивчають у важких десктопних програмах або на папері. Потрібен інструмент, який відкривається в браузері без встановлення і показує роботу схеми одразу, а не після окремої компіляції.

02 Рішення

Редактор на React з полотном, сіткою і проводами, що малюються двома кліками. Подієвий рушій симуляції крок за кроком поширює сигнали від входів до виходів, а таблиця істинності й часові діаграми будуються з уже зібраної схеми й відкриваються в плаваючих вікнах, як у десктопній програмі. Робота зберігається автоматично й експортується у файл.

03 Що всередині

  • 48 компонентів

    Логічні вентилі, тригери, мультиплексори, дешифратори, суматори, регістри, лічильники, RAM, ROM і АЛУ на 4 та 8 біт.

  • Подієва симуляція

    Сигнали йдуть схемою подія за подією, тож видно, як вони проходять крізь елементи. Генератор тактів запускає послідовні схеми.

  • Таблиці й діаграми

    Таблиця істинності зберігається в CSV чи JSON, часові діаграми — в PNG. Обидві живуть у плаваючих вікнах, які можна згорнути чи розгорнути.

  • Як у справжньому редакторі

    Скасування й повтор, копіювання, контекстне меню, виділення рамкою, масштаб, автозбереження і файли схем у JSON.

devandals.space/showcase/gatify
Головна сторінка сайту Gatify

04 Власний проєкт

Потрібен власний веб‑продукт?

Почнемо з discovery: вимоги, прототип і точний кошторис — до основних витрат.

Обговорити проєкт