Веду фінансовий сайт з оглядами банківських продуктів і хочу додати інтерактивний віджет підбору кредитних карток. Логіка проста: відвідувач вводить бажаний кредитний ліміт, обирає, що для нього важливіше — розмір кешбеку чи тривалість пільгового періоду, і віджет відфільтровує зі списку картки, які відповідають цим умовам. Результат має виводитися у вигляді наочної таблиці порівняння: ліміт, ставка кешбеку, термін пільгового періоду, річне обслуговування та інші ключові параметри поруч.
Дані по картках частково вже зібрані в таблиці, готовий передати їх як вихідний матеріал, але саму механіку віджета — фільтрацію, верстку під мобільні екрани та зручний спосіб оновлювати параметри карток без правок коду — потрібно зробити з нуля. Зовнішній вигляд має вписуватися у світлий сучасний дизайн сайту, але я відкритий до пропозицій щодо компонування блоків.
Що важливо отримати в результаті: — робочу фільтрацію за лімітом, кешбеком і пільговим періодом; — адаптивну таблицю порівняння із сортуванням за стовпцями; — просте джерело даних (JSON або CSV), яке зможу редагувати сам; — охайний дизайн без переробки під фінансову тематику.
Надішліть приклади подібних віджетів, які вже робили, і орієнтовні терміни роботи.