SPA-приложение для отображения карточек с данными.
Позволяет выбрать источник данных, сменить тему и листать страницы.
Как установить: npm install
Как запустить: npm run start
Структура файлов
App.tsx — главный компонент приложения, содержит логику выбора источника и темы, рендерит карточки и пагинацию.
Pagination.tsx — компонент пагинации, управляет навигацией по страницам.
my-card.ts — компонент карточки, отображает данные из выбранного источника.
styles.css — стили для приложения, поддержка светлой и тёмной темы.
api.ts — модуль для работы с внешними источниками данных.
Примеры использования
В интерфейсе можно выбрать один из предложенных источников:
[Источник 1] [Источник 2]
После выбора карточки автоматически обновляются
Переключатель темы:
[Светлая тема] [Тёмная тема]
Пример:
Светлая тема Тёмная тема 🌞 🌙
Листайте страницы с карточками:
< Prev 1 2 3 Next >
Пример использования в коде: