pomodoro-clock:用React构建的Pomodoro Clock

时间:2024-05-21 07:21:22
【文件属性】:

文件名称:pomodoro-clock:用React构建的Pomodoro Clock

文件大小:3.11MB

文件格式:ZIP

更新时间:2024-05-21 07:21:22

JavaScript

番茄钟 这是钟应用程序或生产力计时器。 一探究竟 :backhand_index_pointing_right: 。 该设计的灵感来自Johan Cutych在球上的Workflow POMODORO App设计。 我写了一些关于在上对该应用程序进行编码的经验教训。 动机 我是为freeCodeCamp 创建的,并在React中练习编码。 这是我自己完全在React中编写的第一个应用程序。 代码风格 屏幕截图 科技二手 HTML5 CSS3 React 吉特 特征 当元素通过react-transition-group进入或离开DOM时,对元素进行动画处理。 启用桌面通知。 如何使用 允许通知。 工作25分钟,然后休息5分钟。 再重复3次,共2个小时,然后休息15分钟。 重复整个循环。 没有暂停按钮; Pomodoro技术概念的一部分是致力于一段时间的工作。


【文件预览】:
pomodoro-clock-master
----package.json(383B)
----screenshots()
--------RestFinished.png(117KB)
--------ReactTransitionGroupAnimationsSmall.gif(2.47MB)
--------RestStart.png(55KB)
--------PomodoroStart.png(54KB)
--------PomodoroFinished.png(107KB)
--------DesktopNotifications.png(106KB)
----package-lock.json(406KB)
----src()
--------index.js(303B)
--------assets()
--------logo.svg(3KB)
--------registerServiceWorker.js(4KB)
--------components()
--------index.css(3KB)
----.gitignore(285B)
----designs()
--------Rest Timer Starts.png(23KB)
--------History - Rest Timer State.png(55KB)
--------Rest Timer.png(30KB)
--------Explanation Rest State.png(72KB)
--------History - Pomodoro Timer State.png(52KB)
--------Pomodoro Timer Starts.png(25KB)
--------Pomodoro Timer.png(31KB)
--------Explanation Timer State.png(71KB)
----public()
--------manifest.json(317B)
--------index.html(2KB)
--------favicon.ico(4KB)
----README.md(2KB)

网友评论