CardioTwin AI is a cutting-edge predictive health monitoring application that leverages 3D visualization and real-time biometric analysis to provide users with a "Digital Twin" of their cardiovascular health. Designed for accessibility and localized support, it empowers users to take proactive steps toward heart wellness.
- 🫀 3D Digital Twin Visualization: Interactive 3D human body render (built with React Three Fiber) that maps real-time health data to anatomical locations.
- 📊 Real-time Biometric Tracking: Continuous monitoring of vital signs:
- Heart Rate (BPM)
- Heart Rate Variability (HRV)
- Oxygen Saturation (SpO2)
- Skin Temperature
- 🤖 AI Predictive Nudges: Dynamic, personalized health advice based on biometric trends to help users prevent strain and optimize recovery.
- 🌍 Localized Experience: Full support for multiple languages, ensuring healthcare inclusivity:
- English
- Yorùbá
- Hausa
- Igbo
- 🛡️ Privacy-First Flow: Secure session management designed with data protection (NDPA) principles in mind.
- Framework: React 19 + Vite
- Language: TypeScript
- 3D Rendering: Three.js / @react-three/fiber
- Styling: Tailwind CSS
- Icons: Lucide React
- Animations: Framer Motion
- Data Visualization: Recharts
- Node.js (v18+)
- npm or yarn
- Clone the repository:
git clone https://github.com/ayreact/bit-cavista.git cd bit-cavista - Install dependencies:
npm install
- Create a
.envfile in the root directory and add the API base URL:VITE_API_BASE_URL=
- Run the development server:
npm run dev
src/components: Reusable UI components, including the 3DHealthAvatarand dashboard layout.src/pages: Main application views (Landing, Dashboard).src/services: API integration and data fetching logic.src/i18n: Multilingual context and translation files.src/assets: Static assets and icons.
Built with ❤️ for a healthier future.