Health Score - Hackathon Project

Inspiration

The inspiration for this project came from my dad, who has been experiencing a persistent cough that sometimes improves but never fully goes away. This made me realize how important it is to track symptoms over time and get insights into potential health conditions. I wanted to create an app that helps people monitor their well-being and receive helpful health tips.

What We Learned

Throughout the development of Health Score, we learned a lot, including:

• How to build a mobile app using React Native.
  
• How to integrate Firebase for authentication, data storage, and real-time updates.
  
• The challenges of designing a user-friendly UI that works smoothly on iOS.
  
• The importance of debugging and handling errors efficiently.
  

How We Built It

We developed Health Score using:

• React Native for cross-platform mobile development.
  
• Firebase for user authentication, database storage, and real-time updates.
  
• VS Code as our development environment.
  
• Expo for testing and running the app on iOS devices.
  

The app includes several key features:

• An AI bot that asks for symptoms and suggests possible conditions.
  
• A daily survey that helps users track their well-being.
  
• A calendar that logs past responses for easy reference.
  
• A history page with graphs visualizing health trends.
  
• Health tips to provide guidance on maintaining wellness.
  

Challenges We Faced

• Starting the project: Since this was our first time building a mobile app, getting started was difficult.
  
• Rendering the UI: We encountered multiple errors while designing and displaying components properly.
  
• Working with Firebase: It was our first experience using Firebase, so setting up authentication and database storage took time to figure out.
  

Despite these challenges, we successfully built Health Score and gained valuable experience along the way!

Built With

• asyncstorage
• eslint
• expo-blur
• expo-router
• expo.io
• expo/vector-icons
• expocli
• firebase
• google-gemini-ai-api
• javascript
• jest
• react-hooks
• react-native
• react-native-calendars
• react-native-chart-kit
• react-native-gesture-handler
• react-native-reanimated
• react-navigation
• typescript