DTODO

Frontend

　 　

Backend

　 　 　

Test (frontend/backend)

　　

🎓 Overview

ゲーミフィケーションを取り入れたタスク管理SPA

📈 Purpose

• 日々の大変な・後回しにしがちなタスクをより楽しく行ってもらうため
• やるべきことも、ご褒美も自分で決める経験をしてもらうため
• 自分の生きがいである「力をつけ続けること」をアプリを通じて表現するため

✏️ Description

・TODO管理
・タスクポイント
・ごほうび
・レベルアップ＆経験値アップ

💀 App URL

https://horikoshi-yuki.work 　

💬 Usage

1.TODO管理について

自分のやるべきタスクをTODOとして登録することができます。登録の際には取り組む難易度ごとに「タスクポイント」を設定することができます。難しいタスクほど大きなタスクポイントを設定してみましょう。

2.タスクポイントについて

TODOを達成するとタスクポイント（以下TP）をもらうことができます。貯まったTPは実際に皆さんが生活する世界で使える「ごほうび」の解放に使用することができます。

3.ごほうびについて

解放（使える状態にする）に必要なタスクポイントを設定して、TODOを達成した自分へのご褒美を設定することができます。

4.経験値について

TODOをこなすたびにユーザーには経験値が与えられ、レベルアップしていきます。最大レベルの10を目指して日々のタスクを楽しみながらこなしていきましょう。

📦 Features

- Responsive design -

• TODO&Rewardのドラッグ&ドロップ機能（リロードしても順番を維持）
• ごほうびの解放、未解放状態の変化
• FirebaseAuthによるログイン認証
• シングルページアプリケーション設計による快適な操作感
• フロントエンドとバックエンドを分離させた開発手法

💻 Version

setup
Ruby: 2.6.3
Rails 6.0.2.2
Bundler version 2.1.4
Node: 12.16.2
npm: 6.14.4
mysql: 5.7.2.2

web server
nginx: 1.16.1

application server
puma: 4.3.3

frontend
@nuxt/core@2.12.2
@babel/core@7.9.0
@vue/test-utils@1.0.0-beta.33
@nuxtjs/axios@5.9.7
jest@25.3.0
vuex@3.1.3
vuedraggable@2.23.2
firebase@7.13.1
vue-typer@1.2.0

backend
rack-cors: 1.1.1
gem 'mysql2'

ER
https://drive.google.com/file/d/1-wCdOxrMf7JH9MOPJb7xGWlWaX72ESkH/view?usp=sharing

List of Features
https://docs.google.com/spreadsheets/d/10EkgefVrWOcUwnqEYp09vCmVcveE4DfNdiKm0f2-4Qg/edit?usp=sharing

👀 Author

Yuki Horikoshi

• Github
• Twitter
• Qiita