Add the Quiz Card tutorial template (`tutorial-quiz-card`)
メンテナーはふだん 1 日以内に返信
まだ誰も着手していません。
評価
- 難易度
- 3/5
- 見積もり時間
- 1〜2日
- 初心者へのやさしさ
- 78/100
- issue の種類
- 機能追加
- 明瞭さ
- 明確に書かれている
- 活発さ
- 活発
- 技術スタック
- react, typescript
調査の方向性
Start with src/templates/product/feature-grid.ts for the 2x2 layout and src/templates/tutorial/difficulty-badge.ts for select fields; check src/components/editor/ToggleSwitch.tsx for the toggle UI. Implement the template in src/templates/tutorial/quiz-card.ts, ensuring showAnswer handles boolean and string values, then re-export and register it in the named files. Done when the listed acceptance criteria and shared checklist in #5 are met.
索引モデルが issue の本文から書いたものです。
説明
Part of #5. "Quiz of the day" cards are popular with educators. This is also the first template to use the toggle field type.
Idea
A "Quiz" pill plus a category pill at the top, then the question in large type. Below are 4 option boxes in a 2x2 layout (two flex rows), each with a letter badge (A to D). When "Show answer" is on, the correct option gets an accent background and a "Correct" tag.
Template details
- File:
src/templates/tutorial/quiz-card.ts, idtutorial-quiz-card - Fields:
commonFields.title(question),optionAtooptionD(text),correctOption(select: A / B / C / D),showAnswer(toggle, default false),commonFields.category,commonFields.bgColor,commonFields.accentColor,commonFields.textColor
Where to look
- Closest reference:
src/templates/product/feature-grid.ts(2x2),src/templates/tutorial/difficulty-badge.ts(select field) - Toggle UI:
src/components/editor/ToggleSwitch.tsx
Acceptance criteria
-
showAnsweris parsed asparams.showAnswer === true || params.showAnswer === 'true'(the API passes strings) - The toggle works in the editor
- Re-exported in
src/templates/tutorial/index.tsand registered in the Tutorial block ofsrc/templates/registry.ts - Meets the shared template checklist in #5
One template per contributor at a time, so more people get a chance.
Want to work on this? Comment below and I'll assign it to you. Please take one issue at a time, branch off dev, and open your PR against dev with Closes #<this issue number>.
- 主要言語
- TypeScript
- スター
- 8
- フォーク
- 4
- 平均マージ
- 6時間 9分
- マージ済み PR（30日）
- 66
環境構築
- Dockerfile・Docker Compose ファイルなし
- プルリクエストのテンプレートあり
- コントリビューションガイドを読む
はじめの一歩
- issue を最後まで読み、次にプロジェクトのコントリビューションガイドを読みます。
- 着手することを issue にコメントします — 二人が同じ作業をするのを防げます。
- リポジトリをフォークし、ブランチを切って変更します。
- issue 番号を参照したプルリクエストを送ります。
codercops/ogcops のほかの issue
-
accessibility bug good first issue hacktoberfest ui
難易度 2/5 1〜3時間 初心者へのやさしさ 85/100
メンテナーはふだん 1 日以内に返信
-
accessibility bug good first issue hacktoberfest
難易度 2/5 1〜3時間 初心者へのやさしさ 86/100
メンテナーはふだん 1 日以内に返信
-
bug good first issue hacktoberfest ui
難易度 2/5 1〜3時間 初心者へのやさしさ 88/100
メンテナーはふだん 1 日以内に返信
-
bug good first issue hacktoberfest
難易度 2/5 1〜3時間 初心者へのやさしさ 88/100
codercops/ogcops#167 · コメント 1 件 ·
メンテナーはふだん 1 日以内に返信
-
An empty `imageUrl=`, `logoUrl=` or `template=` returns an error instead of the default対応中かも @Saifjafri212213 が今日担当しました。 オープンbug good first issue hacktoberfest
難易度 2/5 1〜3時間 初心者へのやさしさ 88/100
codercops/ogcops#166 · コメント 1 件 ·
メンテナーはふだん 1 日以内に返信
codercops/ogcops の issue をすべて見る
似ている issue
-
bug P3 UI/UX
難易度 2/5 1〜3時間 初心者へのやさしさ 78/100
メンテナーはふだん 1 日以内に返信
-
難易度 2/5 1〜3時間 初心者へのやさしさ 78/100
StellarState/SS-backend#712 ·
メンテナーはふだん 1 日以内に返信
-
area: backend bug
難易度 2/5 1〜3時間 初心者へのやさしさ 78/100
snapotter-hq/SnapOtter#3473 ·
メンテナーはふだん 1 日以内に返信
-
難易度 2/5 1〜3時間 初心者へのやさしさ 82/100
gitroomhq/postiz-app#2304 ·
メンテナーはふだん 1 日以内に返信
-
harlan-agent-ready-to-implement routine:ci-review
難易度 2/5 1〜3時間 初心者へのやさしさ 72/100
harlan-zw/unlighthouse#454 · コメント 2 件 ·
メンテナーはふだん 1 日以内に返信