QuitterはVue.jsとLaravelで構築されたシンプルなタイムトラッキングアプリです。プログラミングやデザイン、語学や資格取得に向けた学習など、ユーザーの日々の自己投資時間を見える化することでモチベーションの維持に繋げ、習慣化のサポートができればという思いから開発されました。
ちなみに、アプリケーション名の「Quitter」には英語で「三日坊主」という意味があり、quitterにはならないで！という開発者の思いが込められています。某SNSアプリを意識したつもりは毛頭ございませんのでご容赦ください…（笑）
- メールアドレス：test@qmail.com
- パスワード：12345678
上記を入力いただくか、「お試しログイン」よりデモユーザーでログインができます。なお、デモユーザーのデータについては一定期間後、初期化されますのでご注意ください。
使用している主な技術(ライブラリ含む)は以下です。
- Vue.js
- Vuex: 主にログインユーザーに関する状態管理
- Vue-router: クライアントサイドのルート
- Axios: HTTPリクエスト
- Vuetify: コンポーネントフレームワーク
- moment.js: 日付時刻操作
- Vue-echarts(Echarts): データビジュアライゼーション
- canvas-confetti: タイマー終了時のアニメーション
- プロジェクトのTodoをご確認ください。
画面設計及びロゴのデザインにはFigmaを、ナビゲーションドロワーの背景画像作成にはCanvaを使用しました。
以下のフリー素材を活用させていただきました。