Benötigen Sie ein Kreditkartenvergleichs-Widget für eine Finanzwebsite

Ich betreibe eine Finanzinhalts-Website und möchte ein interaktives Widget hinzufügen, das Besuchern hilft, Kreditkartenangebote zu vergleichen, ohne die Seite zu verlassen. Die Idee ist einfach: Ein Benutzer gibt das gewünschte Kreditlimit ein, wählt eine Priorität — Cashback-Prozentsatz oder einen längeren zinsfreien Zeitraum — und das Widget filtert eine Liste von Karten, um nur die anzuzeigen, die passen. Die Ergebnisse sollten in einer sauberen, sortierbaren Vergleichstabelle erscheinen, in der die wichtigsten Zahlen nebeneinander stehen: Limitbereich, Cashback-Rate, Länge des zinsfreien Zeitraums, Jahresgebühr und andere Bedingungen, die es wert sind, hervorgehoben zu werden.

Ich habe bereits eine grobe Liste von Kartenparametern in einer Tabelle und kann sie als Beispieldaten übergeben, aber das Widget selbst muss von Grund auf neu erstellt werden — Filterlogik, ein lesbares Tabellenlayout, das auf Mobilgeräten funktioniert, und eine benutzerfreundliche Möglichkeit, die Kartendaten später zu aktualisieren, ohne den Code zu berühren. Der visuelle Stil sollte zu einer hellen, modernen Finanzseite passen, aber ich bin offen für Vorschläge zum Layout.

Was ich suche:
— funktionierende Filterlogik, die an Limit, Cashback und zinsfreien Zeitraum gebunden ist
— responsives Vergleichstabelle mit Spaltensortierung
— einfache Datenquelle (JSON oder CSV), die ich später selbst bearbeiten kann
— sauberes Design, das zu einem Finanzblog passt

Bitte teilen Sie ähnliche Widgets, die Sie zuvor erstellt haben, und einen groben Zeitrahmen mit.