For almost an entire year, the COVID-19 pandemic has pushed us to stay inside most of the time and mess up the healthy practices we usually maintain to take care of our bodies, both physically and mentally. With online schools and work-from-home jobs, people now do everything in one room. As a result, they tend to procrastinate, lose productivity, and lose the grip of their routines including their sleeping and eating schedules. We wanted to make a platform called CareSpace where users can keep track of their physical and mental health, and plan ahead to improve their well-being, so that they live a healthier lifestyle during these tough times.

What it does

CareSpace is committed to guide users towards a healthier physical and mental lifestyle. We provide daily journals, filled with powerful questions wrapped in a simple UI. An entire section is dedicated to create journal entries for users to write their moods, how tired they feel, the events that happened on that day, and plans they want to make to improve their wellness. By writing a daily journal, users can reflect on their past and current state, as well as plan their approach in the future. This healthy habit can bring numerous advantages, including boosting confidence and feeling in control of their lives. CareSpace also provides users with graphs to visualize patterns and progress from their daily moods and energy. Furthermore, we facilitate smooth and satisfying transitions throughout the application to promote relaxation to the users. We also provide notifications to remind users to finish their plans they made the day before. Finally, CareSpace has a FAQs section dedicated to inform users about the latest updates regarding the pandemic outbreak and general health information. A dropdown feature is utilized to reveal answers to create a compact and organized user interface.

How it’s built

Our project is built mostly in JSX, an integration of Javascript, CSS, and HTML. We use npm as our package manager, and React.js as the front-end library. We used many open-source APIs, especially Material-UI, a popular framework for React.js hackers. The complete packages we used can be seen in the package.json file.


Our biggest challenge was coping with the time difference between the U.S. and Indonesia. Half of our team is working from the U.S. and the other half in Indonesia. Therefore, we need to set meeting times that are able to accommodate in both time zones. Due to COVID-19 restrictions, we weren’t able to meet face-to-face, hence all brainstorming and design were done via Zoom and Google Meets. Furthermore, all of our members are new to hackathons, hence we did not expect the intensity that followed through. This completely brand new experience for all of our members results in some confusion and miscommunication at first, but we managed to conquer them in the end.

What we learned

Communication is key to working together in this competition. Providing teammates updates on changes to the code helps them to understand program details so that we can provide suggestions to polish the work. This has been one of the vital lessons we learned during the last 36 hours of our hacking session. Other than that, we learned a lot about our compatibility with one another. Having a comforted feeling with other team members makes the working environment more lively and exciting!

What’s next for CareSpace

We are planning to implement a live chat with an expert in general health so that users can ask directly any questions that are more specific. Moreover, we’d also like to implement shareability because it boosts user’s mental wellness. People who are in desperate need can also reach out to emergency hotlines. Also, we would update our platform’s design so that it could look more simple and user-friendly while implementing even more features.

Built With

Share this project: