SobatBalita

Pendamping cerdas untuk memantau tumbuh kembang dan kesehatan balita dari rumah.

SobatBalita membantu orang tua melakukan skrining awal risiko stunting,
wasting, dan kondisi kulit melalui data sederhana serta foto.

Dashboard Analitik · GitHub Organization · Laporkan Masalah

Important

SobatBalita memberikan hasil skrining awal, bukan diagnosis medis. Konsultasikan hasil yang memerlukan perhatian dengan tenaga kesehatan.

Highlights

• Dua jenis skrining dalam satu aplikasi untuk memeriksa risiko gangguan pertumbuhan dan kondisi kulit.
• Hasil yang mudah dipahami dengan status gizi, BMI, tingkat keyakinan, ringkasan kondisi, dan saran tindak lanjut.
• Pemantauan berkelanjutan melalui grafik pertumbuhan serta riwayat pemeriksaan setiap anak.
• Pengelolaan beberapa profil anak dalam satu akun orang tua.
• Responsif dan mudah diakses melalui desktop maupun perangkat mobile.

Overview

SobatBalita dirancang untuk membantu orang tua mengenali perubahan pertumbuhan dan kesehatan kulit balita lebih awal. Pengguna cukup memasukkan data antropometri atau mengunggah foto kulit, kemudian sistem akan menyajikan hasil skrining beserta informasi pendukung yang dapat digunakan sebagai bahan konsultasi.

Repository ini berisi aplikasi frontend SobatBalita. Frontend berkomunikasi dengan REST API SobatBalita dan merupakan bagian dari ekosistem data science, machine learning, serta dashboard analitik.

SobatBalita dikembangkan oleh Tim SobatBalita - CC26-PSU019 sebagai proyek Capstone Coding Camp powered by DBS Foundation.

Cara Menggunakan

1. Buat akun dan profil anak dengan mengisi nama, tanggal lahir, dan jenis kelamin.
2. Pilih jenis pemeriksaan: skrining pertumbuhan atau deteksi kulit.
3. Masukkan data atau unggah foto untuk memulai analisis.
4. Pelajari hasil skrining beserta saran dan langkah selanjutnya.
5. Pantau secara berkala melalui profil anak, grafik pertumbuhan, dan riwayat pemeriksaan.

Kemampuan Utama

Area	Kemampuan
Skrining pertumbuhan	Menganalisis risiko stunting dan wasting dari umur, jenis kelamin, tinggi badan, dan berat badan
Hasil gizi	Menampilkan status gizi, BMI, perkiraan target pertumbuhan, saran nutrisi, dan langkah selanjutnya
Deteksi kulit	Menganalisis foto JPG atau PNG dari galeri maupun kamera perangkat
Hasil kulit	Menampilkan prediksi kondisi, tingkat keyakinan, penjelasan singkat, saran awal, dan panduan kapan perlu ke dokter
Profil anak	Mengelola beberapa anak serta melihat status dan grafik pertumbuhan masing-masing
Riwayat	Mencari dan memfilter hasil pemeriksaan berdasarkan anak, jenis pemeriksaan, dan rentang tanggal
Akun	Mengelola sesi, nama, password, data pemeriksaan, dan akun pengguna

Ekosistem SobatBalita

Sumber	Tautan
Frontend	github.com/SobatBalita/frontend
Dashboard analitik	Streamlit Dashboard
Kode dashboard	github.com/SobatBalita/sobatbalita-dashboard
Data Science	github.com/SobatBalita/Data-Science
Machine Learning	github.com/SobatBalita/Machine-Learning

Tech Stack

Kebutuhan	Teknologi
UI	React 19, TypeScript, Tailwind CSS 4, Base UI, shadcn/ui
Routing dan data	TanStack Router, TanStack Query, Zustand, Axios
Visualisasi	Recharts
Tooling	Vite, Bun, Biome
Testing	Vitest, Testing Library

Menjalankan Secara Lokal

Prasyarat

• Bun telah terpasang.
• Backend SobatBalita sedang berjalan dan dapat diakses.
• Gunakan localhost atau HTTPS apabila ingin mencoba fitur kamera.

Instalasi

git clone https://github.com/SobatBalita/frontend.git
cd frontend
bun install

Buat file .env pada root proyek dan isi URL backend tanpa suffix /api:

VITE_API_URL=http://localhost:8080

Jalankan development server:

bun run dev

Aplikasi akan tersedia di http://localhost:3000.

Pemeriksaan Kualitas

bun run test
bun run check
bun run build

Perintah lain yang tersedia:

bun run lint
bun run format
bun run preview