Pomodoro időzítő (React)Pomodoro timer (React)
25/5 perces munka–szünet ciklus, automatikus váltással.25/5 minute work–break cycle with automatic switching.
Megnyitás teljes ablakbanOpen full window · elszigetelt keretben fut: nincs hálózat, nincs hozzáférés az FRST-hez – ezért a külső betűtípusok és képek (pl. Google Fonts, Unsplash) nem töltődnek beruns isolated: no network, no access to FRST – so external fonts and images (e.g. Google Fonts, Unsplash) do not load
A feladatThe task
Ennél a korai futásnál a feladat szövege nem maradt meg. Amit az Architect ebből tervezett (részlet):The task text of this early run was not kept. What the Architect planned from it (excerpt):
### 1. Fájl- és mappastruktúra
```text
pomodoro-timer/
├── index.html
├── package.json
├── vite.config.js
└── src/
├── main.jsx
├── App.jsx
├── components/
│ ├── TimerDisplay.jsx
│ └── Controls.jsx
└── styles/
└── App.css
```
---
### 2. Felelősségek megoszlása
* **React Developer:**
* `package.json` (függőségek, Vite konfiguráció)
* `vite.config.js`
* `index.html` (React gyökér elem csatolása)
* `src/main.jsx` (alkalmazás belépési pont)
* `src/App.jsx` (állapotkezelés: időzítő logika, 25/5 perc váltás, auto-switch)
* `src/components/TimerDisplay.jsx` (nagy formázott idő kijelzése, aktuális mód jelzése)
* `src/components/Controls.jsx` (Start, Szünet, Reset gombok eseménykezelése)
* **Styling Developer:**
* `src/styles/App.css` (modern, letisztult sötét téma, tipográfia, nagy számok stílusa, gombok és hover állapotok, reszponzív elre
...
MérésMeasurement
Ez a demó a mérőrendszer előtt készült, független teszttel nem mértük. A mért eredmények a Mérések oldalon vannak.This demo predates the measurement harness; it was not checked with an independent test. Measured results are on the Benchmarks page.
A futásThe run
CommitokCommits
- 2026-09-08 12:06 commit (initial): feat: add coffee shop landing page
- 2026-09-08 21:13 commit: feat: add react pomodoro timer app with vite