CareBox | Devpost

Welcome
Login
Sign Up
Home (1/2)
Home (2/2)
Map + Clinics
Add Item
Settings
Dark Mode

Inspiration

One of the worst feelings is when you run out of something, especially in a situation that leaves you vulnerable and where one thing can solve all of your problems. However, most people are deterred from using tracking apps because of their monotonous feel and design. We wanted to build something that can solve these issues for everyone, ensuring that they know exactly how much of something that they have at just a touch of a button.

What it does

CareBox is a healthcare tracker app that keeps track of how much medication or sanitary supplies you have by notifying you of how many days you have left before you run out of your essentials. Once you’re out of stock, you can instantly order the product and have it shipped directly to your door. Another feature to highlight is the Clinic Finder, which locates the nearest health center within a 15 mile radius.

How we built it

To build CareBox, we began by designing the application using Figma to visualize what we wanted to build first. After that, we built out initial features, such as a login, a page to display the items, and a page for adding new items. Once we built out the initial features, some of us began to try to improve features of the app that have already been built out, such as the login and the homepage displaying the items, to ensure a smoother and more pleasant user experience. Some of the features we added included a back button to return to the welcome page from the login page and dark mode. Even though we made user experience improvements after creating initial features, we still added additional features such as a map for searching for clinics. Lastly, we focused on improving the user interface after developing the app's functionality. For instance, we tried to create an appealing design scheme and consulted mentors to find out ways to improve our design and used their feedback to make our design more consistent and professional.

Challenges we ran into

One of the main challenges we ran into is ensuring that certain states, such as whether the user's is authenticated and the user's light/dark mode preferences, are consistently reflected across the application. For instance, the homepage sometimes reflects that the user isn't authenticated even when they are, and when the user uses dark mode, it is only activated when the user goes to the settings page. We were able to fix the homepage's issue by using Firebase functionality that allows the app to more accurately determine the user's login status by waiting for it to consult the database on whether the user is really logged in, which was not implemented before. Furthermore, we ensured that dark mode is always set regardless of the pages the user visits by having the app check the user's preferences and use them to set dark mode if necessary once it's initially loaded, rather than when the user goes to the settings page.

Accomplishments that we're proud of

The accomplishment that we are the most proud of is finishing many of the main goals that we had set out to complete. Since this was one of out first few hackathons, finishing a majority of what we had set out to do is a huge accomplishment. Another accomplishment that we are proud of are the connections that we made at VenusHacks. Most of us had just met and were new to the hackathon setting. Being able to make new connections with people, like other hackers and mentors, that we would not encounter normally is a huge achievement for all of us.

What we learned

Since this hackathon was one of our first few hackathons, we learned a lot about how to use github and how to work as a team. Things like pull requests, push requests, and merge requests were things that we all reviewed and learned during this Hackathon. In addition to this, understanding how to connect a backend to a front end was also a huge thing that we learned. It provides our web app with all the functionality and allows it to work as we intend it to.

What's next for CareBox

One main thing that we would like to add to CareBox is the functionality for item quantities to decrease at a rate that the user chooses. This feature will allow the user to go about their daily lives without having to constantly worry about updating the app. A feature for the user to manually edit the item quantities and use will help the user keep a more accurate track of their items when they use an item more or less over time.