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

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

Todo

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

Contributing

• nmsn

License

MIT License