Navigation Menu

HealthSync

A sophisticated AI-powered medical charting and EMR documentation system built with Next.js and Together AI.

nextjs
react
ai
medical
Word Count: 328
Published Date:
Reading Time: 1m

HealthSync Logo

A sophisticated AI-powered medical charting and EMR documentation system built with Next.js and Together AI.

Overview

HealthSync is a next-generation medical documentation platform designed to streamline patient intake and clinical charting. It leverages AI-powered natural language processing to provide structured, real-time medical records through an intuitive interface for healthcare professionals.

Features

AI-Powered Documentation

  • Real-time speech-to-text input
  • SOAP format compliance for structured charting
  • Automated medical terminology validation

Dual Chat Interface

  • Two AI assistants (Ava & Eli) for varied interaction styles
  • Real-time conversation tracking
  • Voice input support with visual feedback

Dynamic Charting Display

  • Categorized warnings and system messages
  • Clear visual indicators for different entry types
  • Real-time updates during consultations

Structured Data Processing

  • JSON-formatted medical records
  • SOAP-compliant documentation
  • Automated follow-up question generation

Technology Stack

Project Structure

The project follows a modular architecture with clear separation of concerns:

  • pages/ - Route components and API endpoints
  • components/ - Reusable UI components
  • styles/ - Global and component-specific styles
  • lib/ - Utility functions and API clients
  • types/ - TypeScript type definitions
  • public/ - Static assets and resources

Components

Key components include:

  • ChatInterface - Main conversation UI
  • VoiceInput - Speech recognition component
  • ChartingDisplay - Medical documentation view
  • AgentSelector - AI assistant selection interface

AI Integration

HealthSync uses Together AI's API for:

  • Natural language processing
  • Medical terminology validation
  • Automated documentation generation
  • Context-aware responses

Styling

  • TailwindCSS for utility-first styling
  • Custom CSS modules for complex components
  • Responsive design for all screen sizes
  • Dark/Light mode support

Setup & Installation

  1. Install dependencies:
npm install
  1. Create a .env. file:
TOGETHER_API_KEY=your_api_key_here
  1. Start the development server:
npm run dev

Development

  • Build: npm run build
  • Lint: npm run lint

Contributing

  1. Fork the repository
  2. Create a feature branch
  3. Commit your changes
  4. Push to the branch
  5. Open a Pull Request

Made with ❤️ for HackHive 2025