作品を見る

【使用ツール】

ChatGPT / Claude/FileZilla

【使用技術】

HTML / CSS / JavaScript / PWA / LocalStorage

【作品概要】

美容室を想定した、予約・顧客管理ができるWebアプリを制作しました。

お客様側では予約や予約内容の確認、履歴・プロフィールの確認ができ、管理者側では予約管理・顧客管理・スタッフ管理などを行える構成にしています。

また、PWAに対応させ、スマートフォンからアプリのように利用できるようにしました。

【工夫した点】

美容室らしい上品な雰囲気になるよう、白アイボリーをベースにゴールドを取り入れたデザインにしました
お客様用と管理者用で必要な機能を分け、目的の画面へ移動しやすい構成にしました
予約情報や顧客情報などをLocalStorageで保存し、ブラウザ上でデータを保持できるようにしました
スマートフォンでも操作しやすいようレスポンシブ表示に対応しました

【作業時間】

約2時間