PomoPulp: Mastering the Rhythm of Productivity
Engineered an immersive workstation that unifies the Pomodoro technique with an elite media hub and immersive analytics, delivering a seamless "Flow State" on a zero-latency mono-architecture.
assignment_lateKey Challenges & Solutions
Zero-Latency Mono-Architecture
Integrating backend logic into Next.js often creates network overhead and complex cold-start issues in serverless environments.
How I Contributed: Implemented ElysiaJS & Bun inside Next.js Edge Functions, achieving <30ms API responses through a unified deployment layer.
Bulletproof Data Migration
Ensuring guest progress (Pomodoros, local notes) seamlessly migrates to a cloud account upon registration without data loss.
How I Contributed: Engineered a Drizzle Transaction-based migration worker that maps local UUIDs to MySQL IDs with 100% atomic consistency.
Multi-Layer Audio Engineering
Coordinating ambient sound loops with third-party Spotify/YouTube embeds and timer-triggered alarms.
How I Contributed: Developed a specialized Audio Mixer Hook using the Web Audio API to normalize volumes and prevent browser-level audio ducking issues.
Regression-Free Velocity
Releasing new UI features every week while ensuring core timer logic and database writes remained stable.
How I Contributed: Architected a Playwright E2E framework with Page Object Model (POM) to achieve 100% logic coverage on every deployment.
The Journey: From Fragmented to Flow
Most productivity applications suffer from high friction—users have to manually track their time, switch music, and eventually sign up just to see their progress. I wanted to build something different: a workstation that feels like it belongs in a high-end studio.
As the Lead Architect, I didn't just write code; I designed an ecosystem. The use of **Next.js 15** and **ElysiaJS** wasn't just a trend choice—it was about achieving a level of performance (<30ms API) that makes the web feel like a native desktop app.
"PomoPulp represents the intersection of high-fidelity UX and bulletproof backend engineering. It's built for those who value every second of their deep focus work."
The "Bulletproof" QA Strategy
| Module | Tests | Critical Validations |
|---|---|---|
| Focus Timer Engine | 12 | Cycle logic (25/5/15), notification triggers, alarm persistence |
| Auth & Cloud Sync | 10 | Migration audit, atomic registration, session token rotation |
| Atmosphere Hub | 6 | Audio mixer levels, YT/Spotify embed responsiveness, mute states |
| Analytics Engine | 8 | Heatmap data aggregation, XP leveling formula, DB write integrity |
terminalAutomation First Mindset
To maintain rapid development cycles without sacrificing quality, I architected a Playwright POM suite that runs on every single Pull Request.
- **Regression Control**: Automated visual checks on every button and layout shift.
- **Mock Data Factories**: Realistic user focus patterns for analytics testing.
- **Edge Cases**: Testing offline-to-online sync transitions.
// Validating Smart Sync Logic
test('Guest migration integrity', async ({ app }) => {
await app.guest.addTask('Review Architecture');
await app.auth.register(user);
// Verify atomic persistence
const task = await db.tasks.find({ title: 'Review Architecture' });
expect(task.owner).toBe(user.id);
});Testing Strategy Implementation
How I explicitly approached the quality engineering for a high-speed productive workstation environment.
Testing Activities Performed
- Functional TestingValidated core Pomodoro cycles (25/5/15), user registration, and task CRUD operations.
- E2E Integration TestingVerified the "Guest-to-Member" flow, ensuring local tasks accurately map to new MySQL user IDs.
- Performance BenchmarkingUsed Bun runtime to measure API latencies, ensuring 100% of requests survive the 30ms threshold.
How I Managed Test Data
- Atomic TransactionsUsed Drizzle's transaction API to ensure database state remains consistent during complex syncs.
- Timestamp IdentificationAggressively used timestamp-based seeds to ensure asynchronous tests never collide in the shared database.
- Factory MockingLeveraged Faker.js patterns to simulate realistic productivity data for heatmap analytics validation.
Optimized for Samsung A34 5G & WebGL
Measurable Impact
Performance DataAPI Response
<30ms
Zero network hop via Edge
Build Stability
100%
Core regression pass rate
Sync Accuracy
Zero
Data loss reports post-launch
Development
5 Wks
From prototype to production
Contributions
- verifiedArchitected a 100% type-safe Mono-Architecture (Next.js + ElysiaJS).
- verifiedDesigned "Guest-to-Member" atomic migration via Drizzle Transactions.
- verifiedOptimized API latency to <30ms on global serverless edge.
- verifiedEngineered multi-layered Audio Mixer for immersive workstation vibes.
- verifiedLead QA Automation with Playwright and GitHub Actions CI.
- verifiedIntegrated YouTube/Spotify media hub with responsive layouts.
Key Product Learnings
Mono-Arch Simplifies Performance: Running ElysiaJS in Next.js Edge eliminates network overhead and simplifies CI/CD workflows.
Hybrid Auth is a UX Gamechanger: Allowing guest access before registration significantly lowers friction and increases conversion.
Drizzle Transactions Save Data: Explicit transaction management is non-negotiable for "Guest-to-Member" migration integrity.
E2E is the Ultimate Auditor: Playwright POM revealed edge-case race conditions in timer logic that manual testing missed.