Сайты и приложения

Сайты и мобильные приложения под задачу

Проектируем и пишем быстрые сайты и приложения для iOS и Android. Без шаблонов и без привязки: код, домен и все аккаунты оформлены на вас.

Что делаем

Сайты

Корпоративные сайты и посадочные страницы, которые открываются мгновенно, готовы к продвижению в Google и работают на нескольких языках с первого дня.

Мобильные приложения

iOS и Android из одной кодовой базы: функция пишется один раз и работает в обеих системах. Публикацию в App Store и Google Play берём на себя.

Бэкенд и интеграции

База данных, личные кабинеты, роли и права доступа, приём оплаты через Stripe, рассылки, push-уведомления и связь с внешними сервисами по API.

Сопровождение

Проект не заканчивается в день запуска. Остаёмся рядом: правим, измеряем, добавляем функции и следим за инфраструктурой.

Как работаем

  1. Сначала задача

    До первой строки кода разбираемся, какой процесс съедает время или деньги. Иногда ответ — не приложение, и мы об этом говорим прямо.

  2. Готовые проверенные части

    Не изобретаем заново авторизацию, платежи и уведомления. Берём проверенные инструменты, а время тратим на то, что уникально именно в вашем бизнесе.

  3. Всё оформлено на вас

    Код, домен, хостинг и база данных — ваши. В любой момент можете забрать всё и уйти к другой команде, не спрашивая нас.

Что мы уже построили

Сайты, веб-системы и приложения для iOS и Android — работы для клиентов и наши собственные продукты. У каждой — подробный разбор: задача, что внутри, экраны и технологии.

Проекты

Инженерия

Код, на котором работает этот сайт

Выдержки в том виде, в каком они лежат в репозитории: форма заявки, подписание договоров, статусы ремонта и часы мастерской. Всё вырезанное помечено «// …».

Cloudflare Workerssrc/worker.js
if (form.company) return json({ ok: true });

const name = String(form.name ?? '').trim().slice(0, 200);
const contact = String(form.contact ?? '').trim().slice(0, 200);
const about = String(form.about ?? '').trim().slice(0, MAX_LEN);

if (!name || !contact || !about || form.consent !== true) {
  return json({ error: 'validation' }, 400);
}

if (env.TURNSTILE_SECRET) {
  const ip = request.headers.get('cf-connecting-ip');
  const ok = await verifyTurnstile(env.TURNSTILE_SECRET, form.turnstile, ip);
  if (!ok) return json({ error: 'captcha' }, 400);
}

Ловушка для ботов и проверка Turnstile: в почту попадают заявки от людей, а спам отсеивается молча.

Cloudflare Workerssrc/contracts.js
export async function sha256Hex(text) {
  return toHex(await crypto.subtle.digest('SHA-256', enc.encode(text)));
}
// …
const now = new Date().toISOString();
await env.DB.prepare(
  `update contracts
      set status = 'signed', signed_at = ?, signer_name = ?, signer_image = ?,
          signer_ip = ?, signer_ua = ?, signed_hash = ?,
          signer_phone = ?, signer_address = ?
    where id = ? and status <> 'signed'`,
)
  .bind(
    // …
    await sha256Hex(row.body),
    // …
  )
  .run();

Фиксируем время, IP, устройство и SHA-256 текста, который человек видел при подписании: подпись можно доказать, а документ — не подменить.

Cloudflare Workerssrc/orders.js
const status = ALL_STATUSES.includes(b.status) ? b.status : row.status;
const now = new Date().toISOString();
// …
if (status !== row.status || clean(b.comment, 500)) {
  await addEvent(env, id, status, clean(b.comment, 500), now);
}

let mailed = false;
if (status === 'ready' && row.status !== 'ready') {
  mailed = await mailOrder(env, 'ready', {
    email: row.client_email,
    lang: row.lang,
    number: row.number,
    device: row.device,
    url: new URL(`/o/${id}`, SITE.url).href,
  });
}

Каждая смена статуса записывается в историю, которую клиент видит по своей ссылке, а письмо уходит один раз — когда ремонт готов.

браузерsrc/scripts/shop-status.js
function canary(d) {
  const f = new Intl.DateTimeFormat('en-CA', {
    timeZone: 'Atlantic/Canary', year: 'numeric', month: '2-digit', day: '2-digit',
    hour: '2-digit', minute: '2-digit', hourCycle: 'h23', weekday: 'short',
  });
  const p = Object.fromEntries(f.formatToParts(d).map((x) => [x.type, x.value]));
  const dow = { Sun: 0, Mon: 1, Tue: 2, Wed: 3, Thu: 4, Fri: 5, Sat: 6 }[p.weekday];
  return { date: `${p.year}-${p.month}-${p.day}`, dow, mins: Number(p.hour) * 60 + Number(p.minute) };
}
const toMins = (hhmm) => Number(hhmm.slice(0, 2)) * 60 + Number(hhmm.slice(3, 5));
const workday = (c) => (HOURS[c.dow] && !HOLIDAYS.has(c.date) ? HOURS[c.dow] : null);

export function shopStatus(now = new Date()) {
  const c = canary(now);
  const h = workday(c);
  if (h && c.mins >= toMins(h[0]) && c.mins < toMins(h[1])) return { open: true, closes: h[1] };
  // …
}

Сайт сам знает, открыта ли мастерская: время Тенерифе с переходом на летнее и праздниками — из того же источника, что и данные для Google.

Стек наших продуктов

Только то, на чём реально работают HostBase, Hourgrid, Mansaria и этот сайт. Ничего «для солидности».

  • Astro, Веб
  • Next.js, Веб
  • TypeScript, Веб
  • Tailwind CSS, Веб
  • Canvas, Веб
  • React Native, Мобильные
  • Expo, Мобильные
  • PostgreSQL, Данные
  • Supabase, Данные
  • Cloudflare D1, Данные
  • Cloudflare R2, Данные
  • Workers KV, Данные
  • Cloudflare Workers, Сервер
  • Cron Triggers, Сервер
  • Netlify, Сервер
  • Row Level Security, Защита
  • Turnstile, Защита
  • Web Crypto, Защита
  • Stripe, Платежи
  • Verifactu, Налоги
  • Brevo, Почта
  • Anthropic, ИИ
  • Groq, ИИ
  • Sentry, Мониторинг

Уже знаете, что нужно? Отметьте задачи, стек и формат работы — заявка соберётся сама.

Собрать проект в конструкторе

Есть идея или процесс, который съедает день?

Расскажите в WhatsApp. Первый разговор бесплатный и нужен, чтобы понять, стоит ли вообще это делать.

WhatsApp