Skip to main content
SimilarExport ZIP
100%

Heiß auf Tinder!

✓ Published0🌍 Public
Jjohnyedge@gmail.com
Last edited Apr 16, 2026
Created on Apr 16, 2026

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.

AI-generated description
MIT Licensed

Similar vizzes

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
81% match
Loading thumbnail…

Projekt Tinder

An interactive quiz titled “Wie heiß bist du auf Tinder?” walks through a series of Tinder-themed questions, then displays a personalized heat score as a flame icon. The SVG rendering uses CSS animations for a bouncing flame and fade-in transitions between screens. The quiz logic tracks progress with a bar and updates the final score based on user selections, all implemented in plain JavaScript within a single HTML file. No external libraries, such as d3 or Three.js, are imported; the visualization relies solely on DOM manipulation and CSS styling.

Ppasternakfelix@gmail.com
80% match
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
69% 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
66% match
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
66% 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
66% 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
65% 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
65% match