在庫確認Webアプリの開発サンプル

店舗や倉庫の在庫数を確認するWebアプリとして、商品検索、在庫一覧、入出庫履歴を設計しました。パソコンだけでなく、倉庫内のスマートフォンやタブレットから使うことも想定しています。

商品コード、名称、カテゴリ、保管場所で検索でき、在庫が少ない商品は分かりやすく表示します。入出庫登録では数量の誤入力を防ぐため、確認画面と履歴保存を用意しました。

ReactとTypeScriptで入力状態を管理し、API側でも数量や権限を再確認します。CSVによる一括登録と出力にも対応できる拡張性を持たせています。