Introduction
DeepFocus - immersive focus rooms, practice tracking, and manager tools
What is DeepFocus?
DeepFocus is a focus product with a web presence, native focus rooms, and manager tools for maintaining scenes and understanding user practice.
Tech Stack
| Category | Technologies |
|---|---|
| Frontend | React 19 + TanStack Start + TailwindCSS + shadcn/ui |
| Backend | Hono + Cloudflare Workers |
| Database | Cloudflare D1 (SQLite) + Drizzle ORM |
| API | oRPC (end-to-end type-safe) |
| Auth | Better Auth (Email, GitHub, Google) |
| Mobile | React Native + Expo |
| i18n | use-intl (en/zh/jp) |
Product Areas
- Focus rooms - Immersive scenes for timed work sessions
- Recent practice - Rooms opened, last played location, and total focus time
- Manager - Scene management and user insight views
- Authentication - Email/password, OAuth, and session management
- Internationalization - English, Chinese, and Japanese content
- Type Safety - End-to-end type-safe API across apps
Quick Links
- Getting Started - Set up your development environment
- Project Structure - Understand the codebase
- Authentication - User authentication guide
- Database - Database operations with Drizzle
- API Development - Build type-safe APIs
- Deployment - Deploy to Cloudflare