LifeHack

• 

  Login Page

• 

  Rewards Page

• 

  Tasks Page

• 

  Add Reward Opened

• 

• 

  Add Task

Inspiration

What it does

This app allows the user to create tasks that reward coins on completion. They can then use these tasks to buy rewards that they created. For example, one of my tasks would be "complete a leetcode problem." Upon completion, I would hit a button and earn a certain amount of coins. For this example let's say I earn 50 coins. One of my rewards would be "game for an hour" but it would cost 100 coins. So I would be forced to complete 2 leetcode problems inorder to game. But, when I game, I feel I truly achieved it because I completed tasks to earn it.

This results in the user being motivated to be productive, and it quantifies their achievements so they can indulge themselves guilt-free!

How we built it

We built this app using react-native so that the app would be deployable across all platforms.

Challenges we ran into

Most of us had no experience using react-native. So, we had to learn on the go while developing it. We ran into a lot of problems trying to implement redux and redux-persist. But the entire process was a learning experience and we definitely developed a lot of skills throughout this hackathon.

Accomplishments that we're proud of

We are proud of the Rewards screen because we implemented almost everything we planned. We are also proud of the login screen because it is very aesthetically pleasing. We are particularly proud of the modal because it gave us a lot of problems while trying to implement it, but eventually, it pops out as it is supposed to. The Rewards screen uses Redux to store state and we are proud that we successfully learned it on the go and implemented it.

What we learned

We learned how hard it is to build an app. We learned a lot about** managing workflow in a team*. Our team consisted of 1 designer and 3 developers, so we learned how to utilize Figma to **communicate goals* between the two teams.

What's next for LifeHack

Next, we would like to implement a robust backend with a cloud-based database (like MongoDB) to store all the user data so that we can sync the app across multiple devices.

We would also like to implement Redux for the entire app.

We want to beef up our frontend. We want to add animations and icons to make the UI cleaner. We would also like to add more touch feedback throughout the app for a better user experience. Finally, we want to add a splash screen and an icon** before we launch the app.

Built With

• react-native
• redux