#aauth #polmyth #webdev #devproject December 4, 2024 @ 05:32 # Political Mythology Debunk-A-Myth WebApp ## Explainer A small webapp where you are shown a brief explainer on how to use the site. You click a button to be randomly presented a card component containing a relevant political claim or event that either is entirely false or has been presented with a false narrative. Clicking the card flips the card over, providing you with a quick breakdown of the truth, some additional expanding information, and some recommended reading on the topic for those interested. Clicking the button again gets you another card. ## Design ### Interfaces & Types **Interface:** `CardData` to specify the properties of each Debunk Card that each must contain: - id, title, image, description, summary, explanation, resources **Interface:** `Resource` creates standardization for cited resources: - title, url, description ### Components `DebunkCard.svelte` - **State's**: flipped status, tab selected ## Learning Involved [[Typescript Types & Interfaces]]