KinOx

KinOx — современный сайт для поиска и просмотра фильмов. Реализован на Vue 3, поддерживает тесты и Storybook.

KinOx — это онлайн-кинотеатр нового поколения, разработанный на базе Vue 3. Пользователь может найти и отфильтровать фильмы по различным параметрам (жанры, рейтинг, год). Реализована система авторизации, добавление фильмов в избранное и просмотр полной информации о фильме с использованием API от TMDB. Под капотом — Pinia, SCSS, тестирование через Vitest и стилизованные UI-компоненты, созданные с учетом Storybook.

Юзерфлоу или CJM

  1. Пользователь заходит на сайт
  2. Выбирает фильтр или вводит запрос
  3. Просматривает карточки фильмов
  4. Открывает подробности
  5. Добавляет в избранное

Функционал

Полноценный каталог фильмов с фильтрами, авторизацией, избранным и красивым UI

  • Поиск и фильтрация фильмов
  • Авторизация пользователей
  • Добавление фильмов в избранное
  • Адаптивный интерфейс
  • Тесты на jest

Топики

Frontend
Vue
PrimeVue
Storybook
jest

Технологии

Vue 3
Vuex
SCSS
Storybook

Ссылки

GitHub Storybook PDF сценарий Схема процесса