Track your productive time

Libraries used

  • ReactJS
  • Chakra UI
  • Framer Motion


Track your session stats

Check out how productive you are in each session with the help of the StatCard components.

Create an editable ToDo List

Add, remove, edit or mark your tasks as done in Produktif’s minimalist UI.

Save your ToDo list automatically

Your ToDo list is automatically saved in the browser’s cookies as you’re updating it in real-time.

Light and dark theme

Change the color theme of the website depending on your preference.

You can learn more about the animation library used for the effects at Framer Motion.

To see this awesome project in action, check out the Produktif Website.


View Github