Logotip, palitra, tipografika va mijoz jamoasi o'zi ekran yig'adigan komponentlar kutubxonasi.
Kompaniyada logotipning to'rtta versiyasi bor edi va qaysi birini ishlatish haqida qoida yo'q edi.
Yagona tizim yig'dik: ranglar, shriftlar, oraliqlar, tugma va maydon holatlari — Figmada va darhol kodda.
Asosiy natija maketlarda emas: mijozning dizayneri endi yangi ekranni bir soatda yig'adi.
Qanday qurilgan
Loyihaning haqiqiy kodidan parcha — ichida nima borligini ko'rish uchun.
TypeScript
type Bucket = { count: number; resetAt: number };const buckets = new Map<string, Bucket>();/** * Ограничение частоты запросов. * Защищает формы от перебора и спама. */export function rateLimit( key: string, limit = 8, windowMs = 60_000,): RateLimitResult { const now = Date.now(); const bucket = buckets.get(key); // Окно истекло или его не было — начинаем заново. if (!bucket || bucket.resetAt < now) { buckets.set(key, { count: 1, resetAt: now + windowMs }); return { ok: true, remaining: limit - 1, retryAfter: 0 }; } if (bucket.count >= limit) { return { ok: false, remaining: 0, retryAfter: Math.ceil((bucket.resetAt - now) / 1000), }; } bucket.count += 1; return { ok: true, remaining: limit - bucket.count, retryAfter: 0 };}Bog'lanish
Loyiha uchun ariza
Shaklni to'ldiring — tafsilotlar va muddatlarni muhokama qilamiz.
Keyingi loyiha
Orzu — mahalliy ustalar bozori