RyoMedTrack は、
医薬品の供給情報がわかる検索DBアプリです。
メーカーが告知した情報を包括しているので、
各製薬メーカーのHPを横断する必要がなくなります。
また検索機能では、入荷するロットが一目でわかり、発注の際の手間が省けます。
薬局で薬剤師として働く中、
「発注した薬が入荷しない」
という状況によく直面します。
特にコロナ以降、今でも医薬品の流通は不安定な状況が続いています。
発注前や在庫が不足する前に、
流通状態を把握できればと思い、開発しました。
既存のアプリを使用時に感じていた
「もっと見やすかったら」「確認したい情報がない」
を実現しました。
◼︎ 複数同時検索
・検索バーから最大3単語を同時に検索できます
・検索結果は製品カードで表示され、タブで結果の切り替えが可能
・製品カード内には包装ロットが出荷状況別にソートされ並びます
◼︎更新情報カレンダー
・直近で出荷に関する告知があった製品の包装をカードで表示
・カレンダーを選択し、日付ごとの告知を確認することができます
・告知のタイプで絞り込みが可能
◼︎ブックマーク機能
・検索結果の製品カード、詳細ページからブックマークの登録・解除
・マイページでブックマーク一覧を確認
言語：TypeScript
フレームワーク：Next.js (App Router)
スタイリング：TailwindCSS, shadcn/ui
言語：TypeScript
フレームワーク：Next.js (App Router)
データベース：PostgreSQL (Supabase)
ORM：Prisma
認証：Supabase Auth
ホスティング：Vercel
バージョン管理：Git, GitHub
デザインカンプ：Figma
React Hook Form + Zod（フォーム・バリデーション）
SWR（データ取得・キャッシュ）
shadcn/ui + Radix UI
TanStack Table (テーブル・データグリッド)
sonner（トースト通知）
motion（アニメーション）
シェア！
コメント
まだコメントはありません。
