For the #H0Hackathon, I built Focus Flow — a unified productivity suite that brings your daily logistics into one beautiful, centralized dashboard.
Here is how I built a highly responsive, AI-powered platform over a weekend using a zero-trust serverless architecture.
The Tech Stack
-
Frontend: Next.js 16 (App Router) & Tailwind CSS
-
UI Scaffolding: Vercel v0
-
Database: AWS Aurora PostgreSQL via Prisma ORM
-
AI Engine: Amazon Bedrock (Nova Lite model)
-
Deployment: Vercel
Beating Latency with Optimistic UI
One of the biggest hurdles when building cloud-connected productivity apps is latency. Waiting for a round-trip database operation to an AWS Aurora instance can introduce micro-delays that ruin a user's sense of flow.
I solved this by diving deep into Next.js Server Actions and implementing aggressive optimistic UI updates on the client components. When a user adds a high-priority task or logs an expense, the interface updates instantly with zero latency, while securely synchronizing relational integrity with Aurora in the background.
AI as a Financial Engine
Instead of just showing static rows of numbers, Focus Flow acts as an active assistant. I integrated Amazon Bedrock natively using the Amazon Nova Lite model. It evaluates raw expense entries and synthesizes them into cohesive, personalized financial outlooks on the fly.
Building a fully serverless, production-ready stack in such a compressed timeframe felt like assembling a complex puzzle, but seeing it run with zero latency was incredibly rewarding.
Check it out!
H0Hackathon #NextJS #AWS #WebDev #Serverless