Tirsvad-Udemy-100-days-of-code/031-flash-card
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

MIL-008 plan and design: choose level (100, 1000 or all words)

Browse Source 
New milestone MIL-008 with story US-001.06, and the design documents
updated for the level choice: BC-001, PP-001, US-001, UC-001, DM-001,
DICT-001, SSD-001, OC-001, SD-001, DCD-001 and the wireframe. Review
records RC-030 to RC-040, all Go (autonomous mode, not independent).

Task: MIL-008#1
This commit is contained in:
Tirsvad
2026-10-14 23:44:59 +08:00
parent 13673b2c48
commit 0b983b7fda
25 changed files with 1963 additions and 1002 deletions
Download Patch File Download Diff File Expand all files Collapse all files
docs/uc-001/wireframe.md
+25 -1
View File
@@ -1,8 +1,32 @@
# Wireframe: Study Flash Cards
_Revision 2026-10-14: the level screen (screen 1) was added for US-001.06. It was drawn by the AI from the use case because the Product Owner gave no wireframe for it; S01 may change it._
The Product Owner gave this screen in the first prompt (the course's target screenshot). The presentation layer implements it and does not redesign it. Source use case: [UC-001](./uc.md).
## Screen
## Screen 1: Choose your level
```text
+----------------------------------------------------------+ background #B1DDC6
| padding 50 px |
| |
| Choose your level (Arial 40 italic) |
| |
| [ 100 words ] |
| [ 1000 words ] |
| [ All words ] |
| |
+----------------------------------------------------------+
```
| Element | Position | Details |
| --- | --- | --- |
| Window | whole | Same title, padding and background as the card screen |
| Title | row 0 | "Choose your level", Arial 40 italic |
| Level buttons | rows 1 to 3, one column | Labels "100 words", "1000 words", "All words"; Arial 24 bold; white background, equal width |
| After a choice | whole | The screen is replaced by screen 2 on the same window |
## Screen 2: The card
```text
+----------------------------------------------------------+ background #B1DDC6