Skip to main content
SimilarExport ZIP
100%

Quiz Sportart

✓ Published0🌍 Public
Llisa.reck@axelspringer.com
Last edited Apr 16, 2026
Created on Apr 16, 2026

This interactive quiz recommends a sport based on user preferences. The Svelte app presents a sequence of eight multiple-choice questions, each with weighted answers that increment scores for five sport categories. A progress bar tracks the user's position, and a result screen displays the recommended sport with reasons. The application calculates the sport with the highest accumulated score using a custom `calculateRecommendedSport` function, and the UI is built with Svelte components and state management. Responses are gathered through button clicks, and results update dynamically.

AI-generated description

Sportart-Quiz 🏃‍♀️

Ein interaktives Quiz, das dir basierend auf deinen Vorlieben und Eigenschaften die beste Sportart empfielt.

Verfügbare Sportarten

  • 🏊 Schwimmen - Ausdauertraining, gelenkschonend
  • 🏃 Laufen - Persönliche Herausforderungen, einfach und überall möglich
  • 💃 Tanzen - Kreativ, flexibilitätsorientiert, künstlerischer Ausdruck
  • ⚽ Ballspiele - Teamsport mit Fußball, Handball, Basketball
  • 🎾 Rückschlagsportarten - Tennis, Badminton, Tischtennis

Funktionsweise

Das Quiz beantwortet 8 Fragen zu deinen Vorlieben und gibt dir am Ende eine personalisierte Empfehlung basierend auf deinen Antworten.

MIT Licensed

Similar vizzes

Loading thumbnail…

Sportarten

This interactive quiz recommends a sport based on user preferences. After answering a sequence of questions, a scoring algorithm evaluates ten categorical traits against fifteen sports to generate a personalized top-three ranking with descriptions. The Svelte app manages state and transitions between question and result views, using progress bars and fade animations for feedback. The quiz data and sports metadata are defined in a separate JavaScript module, and the interface is rendered with Svelte components for cards, buttons, and result displays.

Llisa.reck@axelspringer.com
93% match
Loading thumbnail…

Fork of Sportarten

This example presents an interactive sports recommendation quiz that guides users through a series of questions about their preferences, including time commitment, teamwork, intensity, and fitness level. The Svelte application uses a modular structure with separate components for questions, results, and quiz logic, managing state through Svelte's `$state` and `$derived` APIs. Based on user answers, the app calculates a weighted score for each sport and displays the top three recommendations with emoji-icons and descriptive text. The quiz features a progress bar, animated transitions between questions, and a result screen with a restart button.

Llisa.reck@axelspringer.com
89% match
Loading thumbnail…

Fork of Svelte Starter: Quiz Template

This interactive quiz guides users through a series of questions to determine their ideal sport, presenting a progress bar and answer options. Based on responses, the Svelte app tracks scores across five sport categories and displays a final result with a recommended sport, description, and a breakdown of scores. It uses Svelte’s `$state` and `$derived` for reactive logic, with quiz data sourced from a local JavaScript file.

Llisa.reck@axelspringer.com
85% match
Loading thumbnail…

Svelte Starter: Quiz Template

This interactive quiz presents a series of multiple-choice questions about humpback whales, tracking the user's score and displaying a final results screen with the percentage of correct answers. Built with Svelte, the application uses modular components (`Quiz.svelte` and `Question.svelte`) to manage quiz state and user interactions, with quiz data imported from a separate `quizData.js` file. The interface provides immediate visual feedback on answer selection, highlighting correct and incorrect choices before advancing to the next question.

Hhelen.bielawa@web.de
74% match
Loading thumbnail…

Fork of Svelte Starter: Quiz Template

This interactive quiz presents four multiple-choice questions about humpback whales, showing immediate visual feedback on answer correctness through color-coded buttons (green for correct, red for incorrect). The interface progresses through questions sequentially and displays a final results screen with the score and percentage. Built with Svelte, it uses Svelte's reactive state management ($state, $derived) and event dispatching for communication between the Quiz and Question components. The quiz data is stored in a static JavaScript file, while the styling relies on standard CSS with a purple gradient background and card-based layout.

Llaura.pollmann@axelspringer.com
71% match
Loading thumbnail…

Fork of Svelte Starter: Quiz Template

This interactive quiz presents four multiple-choice questions about humpback whales, showing immediate visual feedback on answer correctness through color-coded buttons (green for correct, red for incorrect). The interface progresses through questions sequentially and displays a final results screen with the score and percentage. Built with Svelte, it uses Svelte's reactive state management ($state, $derived) and event dispatching for communication between the Quiz and Question components. The quiz data is stored in a static JavaScript file, while the styling relies on standard CSS with a purple gradient background and card-based layout.

Llaura.pollmann@axelspringer.com
71% match
Loading thumbnail…

Fork of Svelte Starter: Quiz Template

An interactive quiz about humpback whales presents a series of four multiple-choice questions. After each answer, the interface indicates correctness with color-coded buttons, then displays a final score and percentage upon completion. The quiz structure uses Svelte components, managing state with `$state` and `$derived` for the current question, score, and answer selections. The application is built with Svelte, styled with custom CSS, and fetches its question data from a JavaScript module (`quizData.js`).

Ddaria.zakharova@axelspringer.com
70% match
Loading thumbnail…

Fork of Fork of Fork of Svelte Starter: Quiz Template

An interactive quiz presents a satirical self-assessment about the user's Tinder dating profile and behavior, culminating in a humorous "Tinder Type" categorization. Built with Svelte, it presents ten multiple-choice questions; each answer selection adds a numeric score via a personalized `TinderTest.svelte` component. The interface progresses through an `IntroCard`, `QuestionCard`, and a `ResultCard`, which displays the final score in a circular badge. The quiz data, including the questions, answers, and result categories with their descriptive text, is hardcoded in a separate `testData.js` module.

Jjohnyedge@gmail.com
70% match