- 01Phase 1: Architecture Design under Tight Constraints
Engineering a Zero-Cost Enterprise Solution
Faced with the business constraint of avoiding expensive monthly subscription fees for third-party marketing platforms, I took on the challenge of engineering a proprietary broadcasting system from scratch. I mapped out a decoupled architecture using Node.js for heavy-lifting background tasks, React for the administration hub, and structured a scalable relational schema in PostgreSQL using Prisma ORM to efficiently log message states, campaign metadata, and recipient lists.
- 02Phase 2: Authentication, Security & Queue Optimization
Securing the Platform and Building Reliable Message Pipelines
To safeguard company operations and prevent unauthorized access, I implemented secure state management and JWT-driven authentication. On the backend, I engineered custom message-throttling logic and queues to handle bulk message dispatching. This controlled flow ensured the system could transmit automated announcements reliably without hitting rate limits or triggering network overhead on our VPS server.
- 03Phase 3: Frontend Administration & State Syncing
Developing a High-Fidelity Dashboard with Tailwind and TanStack Query
I built the administration dashboard using React and Tailwind CSS, focusing on clean information architecture so the operations team could monitor active broadcasts effortlessly. To eliminate UI lagging and handle rapid asynchronous data updates—such as real-time delivery status tracking and inventory filtering—I implemented TanStack Query (React Query) for smart caching, background data refetching, and optimistic UI transitions.
- 04Phase 4: Session Persistence & Containerized Deployment
Solving Authentication Persistence and Automating CI/CD Pipelines
One of the most complex engineering challenges was ensuring seamless session persistence and socket stability inside isolated environments. I resolved this by containerizing the entire app ecosystem using Docker, configuring volume mappings to preserve critical authentication sessions across container restarts. Finally, I established an automated CI/CD pipeline using GitHub Actions to push zero-downtime updates straight to our self-hosted production VPS.
