cat-quest's People
cat-quest's Issues
サイドバーから上手くルーティングできるようにする
やること
- サイドバーから
/quests
などに上手くルーティングできるようにする
画像のみをリンク化する
routes周りの整理
- user以下のクエストと全体のクエストを区別
- 分けたやつに対してのコントローラ作成
必要コントローラ、アクション作成
- userコントローラ
- characterコントローラ
-
nekokanコントローラ- nekokanが支給されるタイミングはuser_contentが作成されるタイミングなので不要
application.html.erbで見た目を整えたい
共通のレイアウトを用意。
サイドバーの色は #A08C6D を使う。
ログイン周り作成
- devise導入
- sign up周り
- sign in周り
見た目の修正
- クエスト一覧
- クエスト作成
userページ周り作成
- ページのデザイン
- userコントローラの実装
- CSSの実装
見るべき動画の一覧作成
/quests/:id/content を作成する。
メモに対するいいね機能
- 裏
- 表
herokuデプロイ
pumaのエラーが残っている。
クエスト登録機能
youtube urlとtagをいれこみたい。
Youtubeの動画をみたかどうか関連
Youtubeのあれこれやっていきます。
バリデーションのエラーメッセージを整える
バリデーション & フラッシュメッセージを何とかする
やらなきゃいけないころ
- User周りのバリデーション要件の確認
エラーメッセージとフラッシュメッセージを綺麗にする
実装の方針
- 日本語化について調べる
- エラーメッセージと
フラッシュメッセージを調べて実装する
ログイン/サインアップの見た目
ログイン/サインアップの見た目を最低限つくる。
schemaの作成
- 各種テーブルの作成
- アソシエーション考える
- 草用のカラム
- indexなどの貼り付け
クエスト参加機能
他のユーザーのクエストに参加
サイドバーのマイクエストの表示
- サイドバーのマイクエストの表示
参考:
#46 (review)
メモ機能
- コメント機能
- コメント削除
- 非同期化
- 時間も保存
- 時間に飛べるようにする
cloudinaryの導入
モデルのアソシエーション関係工事
- 適切な位置にdependentがあるか
- has_many, belong_toが対応してるか
非同期周り
- 非同期のための準備(gem等)
- edit_userのフォーム
- クエスト作成時のcontent入力フォーム
WIP: 草機能を作成する
草機能を作成する
やること
ユーザーページ の猫缶カレンダー欄に表示するものを考える
実装の方針
-
Github的草
- 活動した時刻を記録して頑張ってカレンダー表示を行う
- UI周りの実装が大変そう
-
猫缶リスト
- 活動データをもとに猫缶を表示していく
- 称号的な感じでも良さそう
- まあアセットと実装が
クエスト参加周り
- オーナーがquestから参加辞退できなくなるようにしたい
- 参加 or 参加辞退は現在開催しているクエストのみ
過去のクエストから経験値得られないようにしたい
- doneするのは1回だけ
- 初めてdoneした時のみ経験値得られるように
- doneするのは期限内のものだけ
細かいところの整備
- startをcreated_atに変更
- 横幅広げる
- 開始日を非表示
- 時刻の見た目
- 編集削除ボタンのCSSを未設定
questのベース作成
userの導線整備
- サイドバーにユーザーが参加しているクエスト一覧へのリンク
- users/showページからクエスト一覧へ?
クエストの中でどの動画が見終わってる判定なのかわからない
HTML/CSSを整える
キャラ周り
- user登録時にデータにあるうちlevel1のキャラをランダム付与
- 一定のレベルを超えた際にuserのキャラが変更される処理
ログイン時にサイドバーを固定
レスポンシブ化する
Tailwindを使っていて、レスポンシブ化したけどうまくいっていないので余裕があれば調査する。
埋め込みyoutubeのスキップを不可にする。
Tailwind CSSの導入
Tailwind CSSの導入
ログイン / ユーザー登録 画面のデザインを整える
デザインを整えます
経験値機能
- seedの整備
- characterの画像保存
- doneした際の挙動作成
- クエストをクリアした際の挙動作成
- コメントの貢献数
さいどばー
サイドバーの文字色統一
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.