feat(ui): refactor frontend architecture with Tailwind v4 and responsive layout - #3
Open
Coriannder wants to merge 23 commits into
Open
Coriannder wants to merge 23 commits into
Coriannder wants to merge 23 commits into
Conversation
In the process of integrating it with the UI
Generate concept IDs for DrugBank and RxNorm
+ Translation works (language packs and demo pack load), UI allows country selection - Seems some brand names don't appear when searched, not a high priority atm imo but should be looked at
+ When brand names are searched, the canonical drug name is now the result
…languages, and countries) + Added languages and country info for generic drug name searches + Now displays brand name for selected country for translation
…essed out of number remaining (if available), as well as which database is currently being worked on - Does not include info on what the most recent successful fetch was - Still need to implement OCR, I tried to implement it from the backend repo and could not get it working
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
4 participants
Add this suggestion to a batch that can be applied as a single commit.This suggestion is invalid because no changes were made to the code.Suggestions cannot be applied while the pull request is closed.Suggestions cannot be applied while viewing a subset of changes.Only one suggestion per line can be applied in a batch.Add this suggestion to a batch that can be applied as a single commit.Applying suggestions on deleted lines is not supported.You must change the existing code in this line in order to create a valid suggestion.Outdated suggestions cannot be applied.This suggestion has been applied or marked resolved.Suggestions cannot be applied from pending reviews.Suggestions cannot be applied on multi-line comments.Suggestions cannot be applied while the pull request is queued to merge.Suggestion cannot be applied right now. Please check back later.
📌 Summary & Motivation
This PR refactors the frontend into a modular architecture using Tailwind CSS v4, introduces a reusable UI design system in
src/components/ui/, and makes the entire application fully mobile-responsive.Approved during the team sprint review on September 16, 2026.
🛠️ Key Changes
1. Modular UI Design System (
src/components/ui/)Button,Select,Input,Alert,Dropdown, andModal.Escapekey handling to modals and dropdowns.2. Responsive Mobile Navigation
3. Component Refactoring & i18n
SearchBar,ResultsTable(desktop table + mobile card view), andTranslationPanel.react-i18nextwith full multilingual support across all panels (en,es,fr,de).4. Repository & Build Hygiene
.gitignoreto excludedist/,__pycache__/, and.envfiles.🧪 Verification & Testing
npm run build(0 TypeScript errors).http://localhost:9000).