Skip to main content
SimilarExport ZIP
100%

Sportarten

✓ Published1🌍 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. 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.

AI-generated description

Sport-Quiz 🏆–

Ei interaktives Quiz, das dir die perfekte Sportart empfiehlt – basierend auf deinen persönlichen Vorilieben.

Features

  • 10🌴 Fagen zu Trainingszeit, Intensität, Ziel, Ort u. .m.
  • Sm rter Matching-Algorithmus aus 15 Sportarten
  • Top 3-Empfehlungen mit Beschreibungen
  • Forts🌊chrittsanzeige
  • Animtionen & modernMe Des ign
MIT Licensed

Similar vizzes

Loading thumbnail…

Quiz Sportart

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.

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
82% 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
71% 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
Loading thumbnail…

Heiß auf Tinder!

A playful self-assessment quiz asks ten questions about Tinder behavior, scoring answers to place users into one of four "hotness" categories. The interactive flow moves through an intro card, a progress-bar-backed question card with multiple-choice answers, and a result card that displays the total score and category. Built with Svelte's runes for state management, it uses component props, derived state, and event callbacks to handle navigation and scoring entirely client-side, with no external data source.

Jjohnyedge@gmail.com
69% 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
68% 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
68% match