Gem Focus Timer

Productivity timer with ambient soundscapes by Nine Ruby Management.

Overview

Gem Focus is a Pomodoro-style productivity timer featuring ambient soundscapes, session tracking, and beautiful gem-themed visuals. Built with React, Vite, and shadcn/ui for a fast, polished desktop-class web experience.

Tech Stack

• Framework: Vite + React 18
• UI: shadcn/ui, Radix, Tailwind CSS 3
• Charts: Recharts
• Testing: Vitest, Testing Library
• Language: TypeScript 5

Getting Started

npm install
npm run dev     # http://localhost:5173

Scripts

Command	Description
npm run dev	Start development server
npm run build	Production build
npm run test	Run tests
npm run preview	Preview production build

Project Structure

src/
├── components/   # Timer, settings, sound controls
├── hooks/        # Custom React hooks
├── lib/          # Utilities
├── pages/        # Route pages
public/           # Favicons, audio, images

License

Proprietary — Nine Ruby Management FZ-LLC