POMODOR TIMER

A small React app to practice routing, state management, and accessible presets — built for efficient focus sessions and simple persistence.

Focused SessionsRedux StateAccessible Controls

PROJECT DETAILS

Pomodor Timer is a compact productivity app demonstrating React Router and Redux patterns with persistent presets and accessible controls.

Background

Built as a learning project to practice core frontend patterns and ship a usable tool for timed focus work.

Approach

Keep the UI simple and keyboard-friendly, persist settings to local storage, and provide clear affordances for starting, pausing, and skipping sessions.

What I built

React-based Pomodoro timer for focused work sessions.
Uses Redux for state management and demonstrates React Router.
Responsive UI with accessible controls and presets.

Implementation highlights

Presets and persistent state (localStorage) for quick session starts.
Redux-driven timer state with clear separation of effects.
Accessible controls and keyboard shortcuts for power users.

Design & Performance

Lightweight app with minimal runtime overhead—focus on fast interactions and predictable behavior.

Accessibility

Keyboard-first controls and clear focus states.
ARIA labels for timers and controls to aid screen reader users.

SCREENS