A modern desktop application for tracking and predicting child growth using WHO standards and advanced algorithms. Built with Vue 3, TypeScript, Vite, and Electron.

• 📊 Growth Tracking - Track height, weight, and other measurements over time
• 📈 Growth Predictions - Predict adult height using WHO standards and mid-parental height calculations
• 📉 Percentile Calculations - See where your child ranks compared to WHO growth standards
• 📱 Interactive Charts - Visualize growth trends with ECharts
• 👨‍👩‍👧‍👦 Multiple Children - Manage multiple child profiles
• 💾 Data Persistence - Local storage with electron-store for desktop, localStorage for web
• 📤 Export/Import - Backup and restore your data as JSON
• 🖨️ Print Reports - Generate printable growth reports

• ⚡ Fast Development - Vite for instant HMR
• 🔒 Type Safe - Full TypeScript support
• 🧪 Tested - Vitest for unit and component testing
• 🎨 Beautiful UI - Vant mobile components
• 🌙 Dark Mode - Theme support
• 🔧 Code Quality - ESLint + Prettier configured

• Node.js 18+
• npm 9+

# Clone the repository
git clone https://github.com/nobugawakof/cgp.git
cd cgp

# Install dependencies
npm install

# Start development server (web)
npm run dev

# Start Electron app
npm run electron:dev

# Build for web
npm run build

# Build Electron app
npm run electron:build

cgp/
├── electron/              # Electron main process
│   ├── main.ts           # Main entry point
│   └── preload.ts        # Preload scripts
├── public/               # Static assets
├── src/
│   ├── components/       # Vue components
│   │   ├── ErrorBoundary.vue
│   │   └── GrowthChart.vue
│   ├── pages/            # Page components
│   │   ├── Dashboard.vue
│   │   ├── AddChild.vue
│   │   ├── Reports.vue
│   │   └── Settings.vue
│   ├── router/           # Vue Router config
│   ├── stores/           # Pinia stores
│   │   ├── app.ts        # App settings
│   │   ├── child.ts      # Child data management
│   │   └── user.ts       # User data
│   ├── types/            # TypeScript types
│   │   └── child.ts      # Child-related interfaces
│   ├── utils/            # Utility functions
│   │   └── growthPrediction.ts  # Growth algorithms
│   ├── App.vue           # Root component
│   └── main.ts           # Vue entry point
├── eslint.config.js      # ESLint configuration
├── .prettierrc           # Prettier configuration
├── vite.config.ts        # Vite configuration
└── package.json

1. Click "Add Child" in the sidebar or the FAB button
2. Enter child's name, birth date, and gender
3. Add current height and weight measurements
4. Optionally add parent heights for better predictions

1. Select a child from the Dashboard
2. Click "Add New Measurement"
3. Enter current height and weight
4. View updated charts and percentiles

1. Go to Reports page
2. View detailed growth charts
3. See percentile rankings
4. Print or share reports

1. Go to Settings
2. Export data for backup
3. Import data from backup
4. Clear all data if needed

# Run tests
npm run test

# Run tests with UI
npm run test:ui

# Run tests once
npm run test:run

# Coverage report
npm run test:coverage

• Framework: Vue 3 (Composition API)
• Language: TypeScript
• Build Tool: Vite 7
• Desktop: Electron 39
• State Management: Pinia
• Routing: Vue Router (Hash mode for Electron)
• UI Components: Vant 4
• Charts: ECharts + vue-echarts
• Storage: electron-store + localStorage
• Testing: Vitest + Vue Test Utils
• Linting: ESLint + Prettier

Based on WHO Child Growth Standards (2006), comparing measurements against reference data for each age and gender.

Uses two methods:

1. Mid-Parental Height (MPH): If parent heights are provided

   • Boys: (Father + Mother + 13) / 2
   • Girls: (Father + Mother - 13) / 2

2. Growth Trajectory: Based on current percentile and expected adult height percentage

Standard formula: Weight (kg) / Height² (m²)

• Context isolation enabled
• Node integration disabled
• Content Security Policy configured
• No remote code execution
• Local data only (no external APIs)

MIT License - see LICENSE for details

1. Fork the repository
2. Create a feature branch (git checkout -b feature/amazing-feature)
3. Commit changes (git commit -m 'Add amazing feature')
4. Push to branch (git push origin feature/amazing-feature)
5. Open a Pull Request

This application is for informational purposes only. Growth predictions are estimates based on statistical models and should not replace professional medical advice. Always consult a healthcare provider for concerns about your child's growth and development.

Made with ❤️ using Vue 3 + Electron