HustleHub

Inspiration

The idea of making a task tracker was inspired by the Live Rewarded prompt, as it would help people improve their lives by increasing productivity and satisfaction We brainstormed ways to make our app effective, so that users would actually commit to completing their tasks. That's why we added included incentives such as the ability to purchase pets, as well why we decide to make our program a social platform.

What it does

HustleHub opens to a login page, where the user can enter their credentials. Then, they are lead to a home page where they can see all their tasks, mark their tasks as completed, and view their coin count. Each time the user marks a task as completed, they get coins (10 for when it's a task to help others or a daily goal, 20 for when it's a task towards a long-term goal). Once a task is completed, the task gets moved to a separate "completed tasks" list. From the home page, the user can also press buttons that lead them to the add task page, the people page, the pet shop, and a return to the login page. The add task page allows user to enter a task title, description and a category from a drop down. The people page has two tabs, friends and following. The people page has a search bar where the user can search all the users of the platform and follow other users by pressing a follow button. Two people who follow each other are friends. You can click on the following and friends tabs to see the tasks completed by those you follow. However, friends can "approve" the tasks done that are meant to help others, as a means of verifying that it did help others, and the user who helped others gets coins every time a friend approves their task. At the pet shop page, the user can browse a list of pets available for purchase, and then use their coins to purchase the pets. Once the pet is purchase, it will be shown as a pet belonging to the user.

How we built it

We built it using html, css, and javascript. The html was for the UI elements. As for the backend, we used javascript to run the functions of the buttons. A local storage to keep track of all the users that have an account, and all their interactions with each other, and their own account activities.

Challenges we ran into

The site was difficult to format and we had minimal prior knowledge of javascript. We also struggled with connecting backend to frontend. Initially we struggled with getting the site to work, and with sharing information across different html pages, general debugging.

Accomplishments that we're proud of

the functionalities of our login page, people page, search function, and add task page.

What we learned

a lot of javascript, local storage on browsers, how to use github, how to liveshare code using VScode, how to integrate coding functions with a user interface

What's next for HustleHub

Building up the pet shop, adding more social media features (such as comments, dm's, etc.), being able to share your pets with others, having more exciting display of your pets, maybe adding accessories or ways to take care of or pamper your pet. Making the site look more appealing and more reliably functional. Having the site hosted on a domain instead of locally.