Skip to content

SDBurt/refocus

Repository files navigation

REFOCUS

A pomodoro app built with Next.js 13, Typescript, Radix UI Primitives (via shadcn), and Tailwind CSS.

Todo

  • Timer functionality
  • Options for focus time, short break, long break
  • Login and charts / reports
  • Input area for distractions
  • Browser sound and notofication
  • Export session data
  • Authentication and Redis for user session
  • Redux Store and Actions?

Technical Features

  • Radix UI Primitives
  • Tailwind CSS
  • Fonts with @next/font
  • Icons from Lucide
  • Dark mode with next-themes
  • Automatic import sorting with @ianvs/prettier-plugin-sort-imports

Tailwind CSS Features

  • Class merging with taiwind-merge
  • Animation with tailwindcss-animate
  • Conditional classes with clsx
  • Variants with class-variance-authority
  • Automatic class sorting with eslint-plugin-tailwindcss