What We’re Building
A patients management app that demonstrates:
- Adding new patients to directory
- Searching patients by mobile number
- Getting patient details by ID
- Updating patient information
Final product
adding a patient
Searching for patient with mobile number
getting more details about a patient
Create Next.js App
npx create-next-app@14.1.0 patients-app
cd patients-app
Install Eka Care SDK
npm install @eka-care/eka-care-core
Setting Up Backend Auth
Head to this repo and you will have a deployed live running backend in 1 click.
Building the Patients App
Replace pages/index.js
with:
import { useState, useEffect } from 'react';
import createEkaInstance from "@eka-care/eka-care-core";
export default function PatientsApp() {
const [ekaInstance, setEkaInstance] = useState(null);
const [newPatient, setNewPatient] = useState(null);
const [patient, setPatient] = useState(null);
const [patientDetails, setPatientDetails] = useState(null);
useEffect(() => {
initializeSDK();
}, []);
const initializeSDK = async () => {
const authRes = await fetch("https://your-backend.vercel.app/api/manage-auth", {
method: "POST",
headers: { "Content-Type": "application/json" },
});
const authData = await authRes.json();
const ekaInstanceResult = createEkaInstance({
source: "FE",
auth_token: authData.data.access_token,
backendAuthEndpointURL: "https://your-backend.vercel.app/api/manage-auth",
});
setEkaInstance(ekaInstanceResult);
};
// Add new patient to directory
const addNewPatient = async () => {
const patient = await ekaInstance.patients.addPatientToDirectory({
first_name: "John",
gender: "M",
mobile: "918074106021",
dob: "2004-08-01",
});
setNewPatient(patient);
};
// Search patient by mobile number
const searchPatient = async () => {
const foundPatient = await ekaInstance.patients.searchPatientByMobile({
mobile: "918074106021",
});
setPatient(foundPatient);
};
// Get patient details by ID
const getPatientDetails = async () => {
const details = await ekaInstance.patients.getPatientDetailsById({
patient_id: "174860072074280",
});
setPatientDetails(details);
};
// Update patient details
const updatePatientDetails = async () => {
const updatedPatientDetails = await ekaInstance.patients.updatePatientDetails({
patient_id: newPatient.patient_id,
first_name: "John Updated",
address: {
city: "BLR",
country: "IN",
},
dob: "2000-10-10",
});
};
return (
<div className="container mx-auto p-8">
<div>...</div>
</div>
);
}
Key SDK Methods Used
- Add Patient - Register new patients in the directory
- Search Patient - Find patients by mobile number
- Get Details - Retrieve complete patient information
- Update Details - Modify patient information and address
What We Built
A complete patients management application using the Eka Care SDK where patient operations are handled through simple SDK method calls.
Live App and
GitHub Repo
Responses are generated using AI and may contain mistakes.