Pomodoro

A online pomodoro clock + Todo List.

English | 简体中文

Online address: https://pomodoro-easy.vercel.app/

Features

• Lightweight: Open a web page and use it, no additional client is required.
• Safety: Use localstorage to save data and involve no network requests.
• Terseness: A flat interface built with tailwindcss without other complications.

Tech

• Use Nextjs to set up a development environment.
• Developed using Typescript throughout.
• Develop components using React.
• Use React-Dnd to develop the drag-and-drop sorting function of Todo List.
• Use canvas-confetti to add animation effects when finished.
• Use Tailwindcss to develop styles.
• Use Zustand to maintain global state data.

Finished

• [x] Base pomodoro clock.
• [x] Editable todo list.
  • [x] Add\Delete.
  • [x] Switch finished and unfinished status.
  • [x] Drag and drop to change the TODO List order.
  • [x] Mark an expired item.
• [x] Persist data.
• [x] Two time formats(25min/50min)
• [x] Full screen.
• [x] Animation when finished.
• [x] Full screen.

Todo

• [ ] Custom theme color.
• [ ] Sound when finished.
• [ ] Add a clock mode.

Contributing

• nmsn

License

MIT License