chore: create prototype for TypeScript lab no.2

[jdwilkin4]

We will have a lab to have campers practice working with typescript fundamentals. You can see what videos will come before this on the sheet.

We will supply the css for them. So there will be no steps having them write that out.

There will be a total of 3 labs that will go right after the lecture block and workshop. This will be lab no.2

[jdwilkin4]

This will resume in 2025 Q1

[a2937]

I've got a rough sketch of what I wanna happen here. Every time an app user clicks the "Upload new" button, a new clickable button is added to a row. When the app user hits the flip button, the text is swapped is with back. If the app user hits delete, the associated clickable button is removed from the row and the card is moved to the next available card text. If there are no cards left, then there will be a default placeholder card.

[jdwilkin4]

This lab idea looks good. And it looks like there will be good practice for campers to create interfaces for the card types

[onimusha-dev]

trebuchet

[naomi-lgbt]

Thanks Musa!

[shootermv]

Question: why the button text is "upload new note", will it be more correct if text would be "add new note"? the back & font inputs - should they be file inputs for images?

[onimusha-dev]

yah that makes sense, I'll change it then

[shootermv]

After thinks a time about the app GUI, and now i have some suggestion of UI-simplifying: since the app is flashcard, the main part of is - to guess the answers to the questions on the cards.

1. user has list of questions (cards) which he can move forward & back
2. each question card can be flipped to check the answer on its back (and see if user as correct)
3. it could be good also to have card manager ui - where user should be able to add or remove cards, but it should be better to be on different screen (may be it can also considered as a bonus) @jdwilkin4 what do think?

[onimusha-dev]

also we shall add a feature to store the cards in local storage, don't you think?