quiz_app's Issues
question scaffold
Fly.io デプロイ
Googleアナリティクス設定
クイズ5問続けて回答できるボタン(ランダム)
gem rubcop ruby,rails インストール
Google Auth ログイン認証
ハンバーガーメニュー mode切り替えを適応させる
gem i18n インストール
メッセージ機能(間違い報告)
rubocopのテスト範囲の変更(app/helpers/application_helper)
下記はメソッドの性質上、致し方ないのでrubocopのテスト範囲から除外する
❯❯❯bundle exec rubocop [develop]
Inspecting 19 files
........C..........
Offenses:
app/helpers/application_helper.rb:2:3: C: Metrics/MethodLength: Method has too many lines. [24/10]
def default_meta_tags ...
^^^^^^^^^^^^^^^^^^^^^
app/helpers/application_helper
def default_meta_tags
{
site: "KnowledgeTreeQuiz",
title: "KnowledgeTreeQuiz",
reverse: true,
charset: "utf-8",
description: "エンジニア学習における知識を、クイズ形式で投稿&回答して学べるサービスです",
keywords: "KnowledgeTreeQuiz, みんなで育てる知識の木",
canonical: request.original_url,
separator: "|",
og: {
site_name: :site,
title: :title,
description: :description,
type: "website",
url: request.original_url,
image: image_url("ogp.png"),
locale: "ja_JP"
},
twitter: {
card: "summary_large_image",
site: "@KnowledgeTreeQuiz",
image: image_url("ogp.png")
}
}
end
19 files inspected, 1 offense detected
データベースカラムの下書き・確認
チームメンバーの環境構築
rails new 詳細コマンドの技術選定
【※早急※】ユーザーテーブル作成(Quiz_branch mergeできない)
gem sorcery ゲストログイン
ヘッダー・フッター 四角の丸みデザイン修正
ドメイン取得
light / dark mode 切替トグルボタン デザイン
コメント機能
users/show 作成済みクイズ一覧を紐付けて表示
解説ページ作り、クイズ詳細ページから遷移
AWSデプロイテスト
Google_login_apiコントローラーのリファクタリング
choicesテーブルに解説の本文と画像を追加
絞り込み機能(ジャンル)
利用規約の追加
gem 'high_voltage'を用いて利用規約を作成
選択肢 choice model
開発者紹介ページ 作成
【懸念している点】
- 大半のPF(サービスも)1度訪れたら、リピートされずに終わることが多い。
- 簡素なデザインになる予想なので、唯一ここが遊びを持たせられる。開発者の人間味を伝えるスペースがここしかない。
- ユーザーにクイズを作ってもらう、リピートしてもらわないと、価値が育たない。
【アイデア(採用されなくてもOK)】
- 開発者メンバー7名+もう1名分枠があって、訪れたユーザーも開発者メンバーとして迎えるようなデザインにする。
- むしろこの枠(クイズを作成してくれるユーザー)を一番リッチなデザインにする。
- この枠をクリックしたら、「エモいコンセプト」→「ジョインしますか?」→「YES」→「ログイン」の動線にしたり。
【要件定義(ずれてもOK)】
- ただの開発者紹介ページで終わらせない
- ユーザーを主役にする
- コンセプトを改めて伝える
- 1回訪れただけでインパクトを残す
- もう一度使いたいと思わせる
(判断基準)
→もし自分がユーザーだとしたら、誰かに話したくなるか。
≒RUNTEQ生の中で話題に上がるか。
タスクが大きくなったため、くまさんも加えて2名でMVP前に着手してください。
(全体デザイン & RSpec着手するタイミング)
(2名でアイデア膨らませておいてほしい。)
くまさんデザインも着眼点もセンスあるので、ぜひくまさんワールドをここで出してください!
実はくまさんのセンスが声かけた理由でもあります!
ログアウトボタン実装
記事参考、rails 7からの変更点に注意ください。
https://railstutorial.jp/chapters/basic_login?version=7.0#sec-logging_out
users/edit アイコン設定
users/edit 表示名変更
Userモデル コントローラーのリファクタリング
users/edit ユーザー削除
ヘッドバー クイズカテゴリーまで絞り込み遷移
TOPページから
- ログイン
- ゲストログイン(クイズ一覧へ)
- HTML
- CSS
- JS
- ...
のように、カテゴリー・難易度を絞り込みして遷移したい
https://daisyui.com/components/drawer/#navbar-menu-for-desktop--sidebar-drawer-for-mobile
プライバシーポリシーの追加
gem 'high_voltage'を用いてプライバシーポリシーの追加
ライトモード/ダークモードの設定
回答 Answer model
gem meta-tag
Twitterシェアの画像が反映されるか確認してほしい
light / dark mode 切り替えトグル作成
トップページ 作成・初期デザイン
絞り込み機能(ユーザー)
カテゴリー Category model
問い合わせフォームの作成、追加
gem rspec-rails インストール
quizzesテーブルに解説の本文と画像を追加
Tailwind , daisyUIのテスト
いいね機能(コメント)
ヘッダー フッターの仕分け
topページに書いてあるヘッダーフッターをsharedフォルダに分けます
いいね機能(クイズ)
絞り込み機能(難易度)
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.