Building a full stack Building a medication search app using the Eka Care SDK’s medication search module.
npx create-next-app@14.1.0 medication-search-app cd medication-search-app
npm install @eka-care/eka-care-core
pages/index.js
import { useState, useEffect } from "react"; import createEkaInstance from "@eka-care/eka-care-core"; export default function MedicationSearch() { const [ekaInstance, setEkaInstance] = useState(null); const [searchResults, setSearchResults] = useState(null); const [searchQuery, setSearchQuery] = useState(""); 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); }; // Basic search by drug name const searchMedications = async () => { const medications = await ekaInstance.medicationSearch.searchMedications({ drug_name: searchQuery, }); setSearchResults(medications); }; // Advanced search with multiple parameters const advancedSearch = async () => { const medications = await ekaInstance.medicationSearch.searchMedications({ drug_name: "dolo", form: "tablet", volumes: "500", }); setSearchResults(medications); }; // Search by generic names const searchByGeneric = async () => { const medications = await ekaInstance.medicationSearch.searchMedications({ generic_names: "Glimeperide,Metformin", drug_name: "Glimeperide", }); setSearchResults(medications); }; return ( <div className="container mx-auto p-8"> <div>...</div> </div> ); }
Was this page helpful?