Skip to content

mohaneddz/Focus-clock

Folders and files

NameName
Last commit message
Last commit date

Latest commit

ย 

History

3 Commits
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 

Repository files navigation

Got it โœ… โ€” hereโ€™s your Focus Clock README rewritten in the same style/structure as your Waldo Finder project:


Focus Clock Icon Focus Clock โณ

Focus Clock is a modern, cross-platform productivity timer app that helps you stay focused with customizable timers and Pomodoro sessions. Built with Tauri, SolidJS, and TypeScript for speed, simplicity, and local performance.

This app was built in just 2 hours and designed specifically for display on a second monitor to keep you focused without cluttering your main screen.


Tech Used ๐Ÿง‘โ€๐Ÿ’ป

Tauri SolidJS TypeScript TailwindCSS Rust Vite


Core Features โšก

  • ๐Ÿ… Pomodoro Timer: Classic Pomodoro technique with customizable work/break intervals.

  • โฒ๏ธ Custom Timers: Create and manage multiple timers for different tasks.

  • ๐ŸŽจ Modern UI: Clean, responsive interface powered by SolidJS + TailwindCSS.

  • ๐Ÿ’ป Cross-Platform: Works on Windows, macOS, and Linux with Tauri backend.

  • ๐Ÿ’พ Persistent Settings: Your preferences and timer configurations are saved locally.


Screenshots ๐Ÿ“ธ


Home Screen

Home: Overview of your timers and recent activity.


Navigation Menu

Navigation Menu: Quick minimal navigation menu without distractions.


Pomodoro Screen

Pomodoro: Start sessions with configurable intervals.


Timer Gallery

Timer Gallery: Manage your custom timers.


Settings Screen

Pomodoro Settings: Here you can save your pomodoro preferences.


Settings Screen

About: About page that describes the project.


Project Structure ๐Ÿ“‚

src/
โ”œโ”€โ”€ components/       # Reusable UI components
โ”œโ”€โ”€ routes/           # Pages and routing
โ”œโ”€โ”€ hooks/            # Custom hooks for timer logic
โ”œโ”€โ”€ config/           # App configuration
โ”œโ”€โ”€ types/            # TypeScript types
โ””โ”€โ”€ style/            # TailwindCSS styles

src-tauri/            # Tauri backend (Rust)
โ”œโ”€โ”€ src/              # Rust source code
โ””โ”€โ”€ tauri.conf.json   # Tauri config

Setup and Development ๐Ÿ› ๏ธ

  1. Prerequisites:

    • Node.js (v16+)
    • pnpm
    • Rust (latest stable)
  2. Clone and install dependencies:

    git clone <repository-url>
    cd focus-clock
    pnpm install
  3. Run in development mode:

    pnpm start
  4. Build for production:

    pnpm build
    pnpm tauri build

    The app will be available in src-tauri/target/release/.


Recommended IDE Setup ๐Ÿ’ป


Contributing ๐Ÿ‘ฅ

Contributions are welcome! If you want to fix bugs, add features, or improve the codebase:

  1. Fork the repo
  2. Create a feature branch (git checkout -b feature/MyFeature)
  3. Make your changes and test
  4. Push and open a Pull Request

Roadmap ๐Ÿ—บ๏ธ

Phase 1: Core Functionality

  • Pomodoro timer with intervals
  • Custom timers
  • Persistent settings

Phase 2: Enhanced Features

  • Stats and reports
  • Advanced theming
  • Cloud sync

License โš–๏ธ

MIT License โ€“ see LICENSE file for details.


Contact ๐Ÿ“ฌ


Do you want me to also add fancy shields for features (like Pomodoro, timers, cross-platform) to make it match the โ€œflashyโ€ vibe of your old readme?

About

๐…๐จ๐œ๐ฎ๐ฌ ๐‚๐ฅ๐จ๐œ๐ค is a minimalist desktop Pomodoro and custom timer app built with Tauri, SolidJS, and TypeScript for focused productivity sessions.

Topics

Resources

Stars

Watchers

Forks

Packages

 
 
 

Contributors