4K Weeks

Landing page
List page
Thumbnail

Inspiration

Our inspiration behind 4K Weeks is to be able to create a web-app that's able to help everyone become the best and most productive version of themselves. The main method behind our app, 4K Weeks, came from a productivity and time management hack that was created by Oliver Burkeman in his book, “Four Thousand Weeks”

What it does

It follows the format based on the 4K Weeks method. Creating a Open/Closed Listing system to decide the most important goals in the user’s life, and also featuring strategic underachievement boxes to further organize what the user can slack off on while focusing on more meaningful tasks.

Challenges we ran into

One challenge we ran into was being able to freely maneuver the items within the open/closed lists, while still keeping the structure simple.
We also tried to implement a feature to move items between the open/closed lists.
We struggled a bit with the formatting of the strategic underachievement section, trying to make it look good while also maintaining its main purpose.

How we built it

We built this project using ReactJS, Framer Motion, Chakra UI, and Mantine. In addition, we used localStorage to store all of the user inputs.

Accomplishments that we're proud of

Not bad looking UI design
Staying true to principle design from the book
Anyone can use it
Storage logic works well
Teamwork
Everyone worked to their strengths

What we learned

Designing the UI beforehand in Adobe Illustrator is very convenient.
Being reasonably ambitious, don’t overestimate our own skills.
Having multiple friends test the app to ensure quality.

What's next for 4K Weeks

Something that we would really like to implement is to make it so that you can drag goals from one list to another, however that idea was too ambitious for our timeframe during the weekend so we had to settle for something more reasonable