URL　https://saikyoxrea.shop/estimate

「作業項目ごとの見積作成を、簡単・スムーズに」　

見積作成アプリを開発しました。顧客名や見積名を入力し、作業内容・単価・数量を設定すると小計と合計を自動計算。非エンジニアでも直感的に操作できるUIを意識し、ホバーやフォーカス時に要素を強調表示するなど入力体験の向上に配慮しました。

ブラウザのLocalStorageと同期してデータを保持し、単一HTML構成でスマホ・PC問わず操作可能。プロトタイプ段階ながら、カスタマイズ性と操作性を両立しています。

制作時間　4時間
使用ツール　Visual Studio Code、FileZilla、ブラウザ実機
使用技術　HTML・CSS・JavaScript（内部実装）　Local Storage

↓　履歴編集画面／　顧客別に履歴を格納し、削除も可能にしました

↓　金額入力画面／
　　視認性を高めるUIを採用し、カーソルに反応してホバー・フォーカス。

↓　印刷PDF画面／　作業項目単位でブロック分けし視認性確保

↓　スマートフォン表示時のレイアウト／
　　画面幅に合わせて項目を2行表示とし、視認性を確保。