Inspiration

I'm inspired by my habit of carrying around a post-it note whenever I want to list down the things I need to accomplish that day. It can be a hassle since sometimes the paper can get lost, or in instances when I don't carry around a pen. I also use the Pomodoro technique (usually through Youtube's Pomodoro playlists) when studying. Therefore I am inspired to merge both into two - creating an online Post-It board with a Pomodoro timer.

What it does

Each Post-It represents a task. It takes in user input for the task name and description, and we also incorporated a "task urgency level" to help the user decide which ones to work on first. You can "drag" around a Post-It note by clicking on the arrows or delete by clicking on the delete button.

How we built it

We used React framework to create the frontend interface, and the code is written in JS, HTML, CSS.

Challenges we ran into

We ran into challenges on how to create the timer and how to move the Post-it to different progress levels.

Accomplishments that we're proud of

We are proud that most of the functionalities are implemented despite the short period of time.

What we learned

We learned a lot about frontend web development, especially on the grid system that we use a lot in this project.

What's next for Post-It Board

Currently the Pomodoro timer cannot be personalized, meaning you cannot choose to reset or pause, or decide on how many intervals you want to do but we will extend this project further in the future.

Share this project:

Updates

Submission history