RandomManager

Описание

SPA-каталог фильмов, игр и книг со случайным выбором с учётом фильтров. Статический сайт без бэкенда — каталог в JSON, удобно править и собирать для GitHub Pages.

Решение

Стек: React 18, TypeScript, Vite 6, Framer Motion, @tanstack/react-virtual; GitHub Pages, GitHub Actions

Результат

Сайт: spirzen.github.io/RandomManager

Основные возможности:
- Три раздела: кино (жанры, актёры, рейтинг), игры (жанр, год, разработчик, платформа), книги (автор, год, жанр);
- Поиск и фильтры по жанрам, году, рейтингу, актёрам, разработчикам, платформам и авторам;
- Случайный выбор по текущей вкладке и активным фильтрам, с анимацией «рулетки»;
- Тёмная и светлая темы, виртуализированная сетка карточек для больших каталогов;
- Скрипты импорта из Steam, Wikipedia, Kinopoisk и IT Universe; локальная админка для CRUD в data/*.json.

Ссылки на примеры реализации

 github.com/Spirzen/RandomManager  spirzen.github.io/RandomManager

Презентация проекта