How shreyas-sv1/medibuddy-coding-test works
This is a small React medicine-brand search application. A user enters a query, the app searches the FDA drug-label API, and matching results are shown as medicine cards. The sampled source establishes the search, API, and display flow; the README describes only the Vite template and provides no additional product capabilities.
Main entry points: App.jsx Search app · drupApi.js FDA API client · SearchBar.jsx Search bar · main.jsx React entry
Components 7
Search interface
- React entry
src/main.jsx - Search app
src/App.jsx - Search bar
src/components/SearchBar.jsx - Medicine card
src/components/MedicineCard.jsx
Medicine lookup
- FDA API client
src/services/drupApi.js
Other components
- User
- FDA drug-label API
Connections 9
- User → Search bar: enters query
- React entry → Search app: mounts
- Search bar → Search app: calls onSearch
- Search app → FDA API client: calls search
- FDA API client → FDA drug-label API: fetches labels
- FDA drug-label API → FDA API client: returns results
- FDA API client → Search app: returns medicines
- Search app → Search bar: renders
- Search app → Medicine card: renders results