Pinocch.io

Inspiration

For all of us, this was our first time making a website, so we scoped to only consider ideas we thought were attainable. While discussing ways to address procrastination, we agreed that productivity apps that send many reminders or lock device functionality tend to annoy users. We additionally felt that many were overcomplicated; they take a lot of effort to start using and to keep up with. Procrastinators want to get things done on time, but often only become motivated by the sense of immediate urgency- deadlines.

What it does

We came up with the idea of a deceitful checklist website that moves your deadlines sooner; that way, users who rely on the app will aim to get things done earlier and have extra time to deal with unforeseen setbacks.

How we built it

We built Pinocch.io with Flask, Python, JavaScript, HTML, and CSS. For the front-end, we created the design for the website in Figma first, implemented it with HTML and CSS, and used JavaScript to make it interactive. For the back-end, we used Python to write the deadline-changing algorithm and store task data (in a SQLAlchemy database).

Challenges we ran into

Since none of us has ever made a website before, it was difficult to learn new languages and aim to create a finalized product at the same time. The website probably isn't built how websites are conventionally built, but we made a functional final product.

Accomplishments that we're proud of

We're proud of successfully translating a Figma design to HTML and CSS, writing our deadline-changing algorithm, and learning how to implement databases.

What we learned

We gained valuable insight into how Flask, Python, JavaScript, HTML, and CSS are used in website development. Additionally, we honed our abilities to scope our product and effectively communicate under the pressure of the hackathon.