Pomohub

• 

  Default Pomo Screen

Inspiration

Inspired by use of pomodoro timers to set productivity periods & the use of checklists; we wanted to merge those two aspects so we can check off tasks that we need to do while having the user adhere to set work and rest period cycles.

What it does

A Pomodoro Application With a Task Logging To-Do Interface for listing tasks, marking them as complete, and saving the user session information for statistics readouts.

How we built it

• Frontend Built with React, Tailwind CSS & Typescript
• Backend Built in Typescript
• Application Wrapped in Electron as a Desktop App
• API hosted with Netlify w/ a PostgresSQL server to serve as the database

Challenges we ran into

• Large learning curve: React/Electron
• Netlify worked locally, but did not build on production server
• Issues with Electron implementation would unpredictably overwrite local storage

Accomplishments that we're proud of

• Working UI with Increment/Decrement Sessions
• Saving Updates to Local User Storage
• Dynamic To-Do List (Add, Delete, & Complete)

What we learned

• Continuous incremental additions to a single Git Branch instead of feature branches.
• Organizing Tasks & Features under different versions
• Working / Getting Familiar with New Tools & Behaviors

What's next for Pomohub

• Refine the API to read/write from the desktop application to Postgres Database
• Allow users to opt in to publish their local data to a web app where users could compare productivity statistics
• Implement a break cycle in-between each productivity cycle.

Built With

• netlify
• postgresql
• react
• tailwind.css
• typescript