takuyayagishita0202 / laravel_timetracker Goto Github PK

• アプリケーションについて
  • デモ
• 技術スタック
  • サーバーサイド
  • クライアントサイド
• スクリーンショット
• 今後の改善点
• その他
  • デザインについて
  • 素材

QuitterはVue.jsとLaravelで構築されたシンプルなタイムトラッキングアプリです。プログラミングやデザイン、語学や資格取得に向けた学習など、ユーザーの日々の自己投資時間を見える化することでモチベーションの維持に繋げ、習慣化のサポートができればという思いから開発されました。

ちなみに、アプリケーション名の「Quitter」には英語で「三日坊主」という意味があり、quitterにはならないで！という開発者の思いが込められています。某SNSアプリを意識したつもりは毛頭ございませんのでご容赦ください…（笑）

Quitter

• メールアドレス：[email protected]
• パスワード：12345678

上記を入力いただくか、「お試しログイン」よりデモユーザーでログインができます。なお、デモユーザーのデータについては一定期間後、初期化されますのでご注意ください。

使用している主な技術(ライブラリ含む)は以下です。

• Laravel
• Carbon: 日付時刻操作

• Vue.js
• Vuex: 主にログインユーザーに関する状態管理
• Vue-router: クライアントサイドのルート
• Axios: HTTPリクエスト
• Vuetify: コンポーネントフレームワーク
• moment.js: 日付時刻操作
• Vue-echarts(Echarts): データビジュアライゼーション
• canvas-confetti: タイマー終了時のアニメーション

• タイマー画面
• ダッシュボード

• プロジェクトのTodoをご確認ください。

画面設計及びロゴのデザインにはFigmaを、ナビゲーションドロワーの背景画像作成にはCanvaを使用しました。

• 画面設計
• ロゴ

以下のフリー素材を活用させていただきました。

• unDraw
• DrawKit
• Free avatars flat icons