Учебный проект: Билетопоиск на Next.js

Второй проект на React.
Цель проекта: закрепить навыки разработки на React, познакомиться с фреймворком Next.js
На главной странице проекта отображается список фильмов и форма с фильтрами. Фильмы можно добавить в корзину. Кликнув по карточке в списке, можно посмотреть детальную информацию о фильме и отзывы зрителей. Рендеринг страниц "О нас" и "Вопросы-ответы" осуществляется на стороне сервера.

Освоенные технологии и навыки:

• React / App Router / React Context / React createPortal
• Redux Toolkit / RTK Query
• Технологии оптимизации: debounce на input, ленивая загрузка картинок вне viewport, доступ к хранилищу по селекторам.
• Отработаны шаблоны программирования: Compound components / HOC / Render prop

Посмотреть web-страницу на Vercel: https://react-biletopoisk.vercel.app/

Как собрать и запустить код

# установите зависимости
npm i

# запустите бекенд
npm run api

# запустите сервер в dev режиме
npm run dev

После этого приложение можно открыть в браузере по адресу http://localhost:3000

Планы по доработке:

Настроить accessibility