【自主制作】断捨離WEBサービス(デザインSP)
断捨離の記録用WEBサービスのデザインをPhotoshopで作成しました。 現在機能実装中になります。
【使用ツール】Photoshop
【制作時間】約4時間
【なぜつくろうと思ったか】
私自身断捨離をしていて、断捨離した物の写真、日付、フリマなどで売れた金額を記録して一括で管理できるサービスをつくりたいと思い今回の制作にいたりました。
ページ遷移や操作が複雑だと記録するのが億劫になりユーザーが離れてしまうと思ったため、必要最低限の機能とSPAで実装、手軽に使用できるよう会員登録は不要にしようと考えています。
【現状】
①断捨離した写真を断捨離用のフォルダで別管理している
②日付の記録が取れないため写真にテキストを入れたりしている
③フリマアプリで売れた金額の一覧はあるが累計金額が確認できなかったため、自分で計算する必要がある
【解決策】
①②カレンダーで日付を選択し、写真を保存する
③入力した金額を合算するプログラムをつくる
【入れたい機能】
・カレンダー機能
・カウンター機能
・計算機能
・スタンプ機能
SNS等で1日1捨てチャレンジしている人を見るため、カレンダーでスタンプ機能があるとひと目で分かるため、やる気が起きそうと思いました。
(毎日運動したらカレンダーにスタンプを押すチャレンジをしている人を見たため参考にしました)
【デザインカンプ】
【画面操作手順】
選択した画像についてはプレビュー表示
×ボタンで削除が可能です。
枚数制限をして横スクロールで表示できるようにしたいと思っています。
画面2の削除ボタンで対象の日付の内容を
一括削除できるようにしています。
【今後の課題】
現在、vue.jsで機能を実装しています。
カレンダーはFullcalendarのプラグインを使用し、ローカルストレージに入力した内容や、画像を保存するようにしていますが、1度保存するとすべての日付に連動してしまい実装が滞っています。
調べながら制作を進めたいと思います。