Add the Quiz Card tutorial template (`tutorial-quiz-card`)
Maintainer antworten meist innerhalb von 1 Tag
Bewertung
- Schwierigkeit
- 3/5
- Geschätzter Aufwand
- 1-2 Tage
- Anfängerfreundlichkeit
- 78/100
- Issue-Typ
- Feature
- Klarheit
- Klar beschrieben
- Aktivitätsstatus
- Aktiv
- Tech-Stack
- react, typescript
- Bereich
- developer-experience, frontend
Rechercherichtung
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.
Vom Indexierungsmodell aus dem Issue-Text verfasst.
Beschreibung
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>.
- Vorherrschende Sprache
- TypeScript
- Sterne
- 8
- Forks
- 4
- Ø Merge
- 5 Std. 44 Min.
- Gemergte PRs (30 T.)
- 83
Entwicklungsumgebung
- Kein Dockerfile und keine Docker-Compose-Datei
- Hat eine Pull-Request-Vorlage
- Beitragsleitfaden lesen
Erste Schritte
- Lesen Sie das ganze Issue und danach den Beitragsleitfaden des Projekts.
- Schreiben Sie ins Issue, dass Sie es übernehmen — das erspart doppelte Arbeit.
- Forken Sie das Repository und arbeiten Sie in einem Branch.
- Öffnen Sie einen Pull Request, der die Issue-Nummer nennt.
Mehr aus codercops/ogcops
-
Add the Order Status e-commerce template (`ecommerce-order-status`)Evtl. vergeben @piyusshhjangid hat das vor 1 Tag übernommen. Offengood first issue hacktoberfest templates
codercops/ogcops#181 · 4 Kommentare · 1 zugewiesene Person ·
Maintainer antworten meist innerhalb von 1 Tag
-
Add the Cheat Sheet tutorial template (`tutorial-cheat-sheet`)Evtl. vergeben @srikar-naidu hat das vor 1 Tag übernommen. Offenhacktoberfest help wanted templates
Schwierigkeit 2/5 1-3 Stunden Anfängerfreundlichkeit 45/100
codercops/ogcops#180 · 3 Kommentare ·
Maintainer antworten meist innerhalb von 1 Tag
-
Add the Call for Speakers event template (`event-call-for-speakers`)Evtl. vergeben @Saifjafri212213 hat das vor 1 Tag übernommen. Offengood first issue hacktoberfest templates
codercops/ogcops#177 · 2 Kommentare · 1 zugewiesene Person ·
Maintainer antworten meist innerhalb von 1 Tag
-
Add the Day Streak developer template (`developer-day-streak`)Evtl. vergeben @srikar-naidu hat das vor 1 Tag übernommen. Offenhacktoberfest help wanted templates
codercops/ogcops#176 · 3 Kommentare · 1 zugewiesene Person ·
Maintainer antworten meist innerhalb von 1 Tag
-
hacktoberfest
Schwierigkeit 1/5 Unter einer Stunde Anfängerfreundlichkeit 35/100
Maintainer antworten meist innerhalb von 1 Tag
Alle Issues in codercops/ogcops
Ähnliche Issues
-
bug hacktoberfest help wanted
Schwierigkeit 2/5 1-3 Stunden Anfängerfreundlichkeit 82/100
libredb/libredb-studio#1941 ·
Maintainer antworten meist innerhalb von 1 Tag
-
chore other
Schwierigkeit 2/5 1-3 Stunden Anfängerfreundlichkeit 78/100
alastair-smith/card-games#308 ·
Maintainer antworten meist innerhalb von 1 Tag
-
Schwierigkeit 1/5 Unter einer Stunde Anfängerfreundlichkeit 86/100
paperclipai/paperclip#17379 ·
Maintainer antworten meist innerhalb von 1 Tag
-
[good first issue, hacktoberfest] 🏯 Hacktoberfest Task - Add new Anime Quote 626 (good-first-issue)Offencommunity first-timers-only good first issue hacktoberfest help wanted low hanging fruit up-for-grabs
Schwierigkeit 1/5 Unter einer Stunde Anfängerfreundlichkeit 76/100
lingdojo/kana-dojo#33040 · 1 Kommentar · 5 Reaktionen ·
Maintainer antworten meist innerhalb von 1 Tag
-
bug mobile ui
Schwierigkeit 2/5 1-3 Stunden Anfängerfreundlichkeit 88/100
Maintainer antworten meist innerhalb von 1 Tag