Deep Focus main dashboard: AI goal breakdown, focus tracking stats, and active RevenueCat subscription status.
Polished RevenueCat Paywall modal showcasing Pro subscription tiers and secure billing integration.
Settings dashboard: Custom session length tuning, distraction alerts, and automated step advancement.
Active focus session screen with live countdown timer, step tracking, focus sounds, and distraction alerts.
AI-generated structured study roadmap breaking down complex goals into timed, actionable steps.

Ins## Inspiration

In today's fast-paced digital world, maintaining deep concentration and structuring complex personal goals into actionable steps can be overwhelming. We wanted to bridge the gap between AI-driven task management and real productivity, creating an environment where users can escape distractions, plan efficiently, and focus seamlessly.

What it does

Deep Focus is an AI-powered task planner and focus assistant. It instantly breaks down complex user goals into clear, manageable steps using the Google Gemini API. It features interactive focus session timers, built-in concentration tracking, live statistics, and a fully integrated monetization model using the RevenueCat SDK for subscriptions and pro features.

How we built it

Frontend & Routing: Built with Next.js (App Router) and React for blazing-fast performance and smooth state transitions.
Styling: Designed with Tailwind CSS following a sleek "Dark Tech" aesthetic with navy and cyan accents.
AI Integration: Powered by the Google Gemini API to dynamically generate structured task breakdowns from natural language user inputs.
Monetization: Integrated the official RevenueCat SDK to handle real-time product offerings, entitlements, and paywall management.

Challenges we ran into

Ensuring smooth hydration and server-client rendering consistency in Next.js while managing state across interactive focus timers and modals.
Fine-tuning the Google Gemini API prompts to return precisely structured, actionable steps rather than generic text.
Integrating and testing RevenueCat SDK subscriptions cleanly within a modern web app architecture.

Accomplishments that we're proud of

Successfully shipping a fully functional, production-ready bilingual web application with an end-to-end AI and billing workflow.
Designing a high-end, immersive "Dark Tech" user experience complete with live metrics, clean stats, and polished modals.

What we learned

Deepened our expertise in modern Next.js architecture and App Router patterns.
Mastered integrating real-world AI logic and robust billing frameworks (RevenueCat) into a cohesive developer workflow.
Gained valuable experience in rapid prototyping and polishing a hackathon project from concept to deployment.piration