CareSync

Inspiration

What it does

CareSync is a web app designed to help patients stay organized and informed. It lets users:

• Turn complicated provider messages into simple, clear language
• Get ready for appointments with helpful, personalized prompts
• Break down medical bills so they’re easier to understand
• Keep track of appointments and important account info
• Look up medical terms quickly with a built-in glossary
• Access everything from one main dashboard

Basically, CareSync brings everything together into one place so managing healthcare feels less overwhelming.

How we built it

We built CareSync using React and Vite, organizing everything into different components for each feature. Some key things we did:

• Created separate components for tools like the Provider Decoder, Visit Prep, and Bill Analyzer
• Built a shared dashboard and sidebar so users can easily switch between features
• Used local storage to save user data and settings
• Designed simple logic to generate helpful visit-prep suggestions
• Set up API routing for external services during development
• Focused on a clean, responsive design with easy navigation and accessibility in mind

Challenges we ran into

• Trying to include a lot of features while still keeping the app simple to use
• Making the design look polished without breaking consistency
• Fixing deployment issues with GitHub Pages
• Dealing with merge conflicts while updating and rebranding
• Making sure the information we show is helpful without being overwhelming

Accomplishments that we're proud of

• Building a full product that covers multiple parts of the patient experience
• Creating a clean and trustworthy design
• Making the visit-prep feature work even without internet
• Designing a dashboard that makes everything easy to access
• Successfully rebranding to CareSync without breaking existing data
• Keeping the app stable even while making lots of changes

What we learned

• Good healthcare apps need to focus on clarity and trust, not just features
• Breaking things into smaller components makes building faster and easier
• Deployment can be tricky and should be handled early
• Small improvements based on feedback make a big difference
• Features that are useful right away are more important than flashy ones

What’s next for CareSync

• Connect with real healthcare systems for live data
• Improve recommendations with smarter and safer logic
• Add medication reminders and follow-up tracking
• Create tools for better communication with providers
• Improve accessibility and add support for more languages
• Build a full mobile version and test it with real users

Built With

• css
• html5
• javascript