Loading
Next.js 16React 19AI IntegrationTanStack QueryZustandTailwind CSS v4
Castin - AI Broadcast Platform
Castin equips brands and newsrooms with a single control deck to draft, enhance via AI, and simultaneously publish rich media content across Telegram, WhatsApp, Eitaa, Bale, and Rubika without interface locks.
Project Info
RoleFrontend Core Developer
Timeline3 Months
Core Tech
Next.js 16React 19AI IntegrationTanStack QueryZustandTailwind CSS v4
The Challenge
Synchronizing disparate third-party messaging APIs with divergent rate limits, upload ceilings, and network volatility while delivering immediate optimistic feedback to the operator.
The Solution
Built on Next.js 16 and React 19. Designed resilient request queues with Axios Retry, token isolation stores via Zustand, and reactive query synchronization with TanStack Query.
Omnichannel Cross-Posting (Telegram, WhatsApp, Eitaa, Bale, Rubika)
Contextual AI Text Optimization & Repurposing Engine
Decoupled Multi-Channel Access Token Store
Resilient Chunked Media Upload Pipeline
System Architecture & Data Flow
Queue Layer01
Axios Retry Pipeline
Intercepts rate-limit headers (429) and performs deterministic backoff retries.
Credential Core02
Zustand Session Matrix
Encrypts and scopes channel auth tokens without persistence vulnerabilities.
Reactivity03
TanStack Mutation Engine
Applies optimistic UI updates so publishers never stare at loading spinners.
Key Impact & Outcomes
- Publishing Cycle
- 80% Faster
- Network Resilience
- 99.8%
- UI Frame Rate
- Solid 60 FPS
Consolidated manual multi-messenger postings into a single one-click dispatch.
Automated exponential backoff retries prevented failed dispatches during network blips.
Isolated heavy broadcast state updates from main navigation layouts.
Performance Benchmarks (Before vs. After)
Broadcast Dispatch Latency-84%
Before4.1s
After650ms
State Synchronization Lag-93%
Before380ms
After25ms
Memory Footprint-61%
Before120 MB
After46 MB
Engineering Decisions & Trade-offs
Optimistic UI mutations with rollback triggers
High-velocity media operators demanded immediate UI unblocking; optimistic dispatches with automated rollback alerts matched their real-world pace.
Local credential scoping via memory-bound Zustand stores
Eliminated XSS token theft vectors for sensitive high-reach broadcast channel keys.
Interface Showcase
Interactive inspection of high-fidelity views
castin.ir
Click to expand
