Мы используем следующие технологии:
- Next.js для использования из коробки таких функций, как маршрутизация и оптимизация изображений, а также для решения и применения различных видов предварительного рендеринга.
- TypeScript для упрощения командной работы и повышения надежности кода.
- Material-UI (MUI) для создания красивого и функционального пользовательского интерфейса.
- MobX для управления состоянием приложения.
- Swiper для создания слайдеров.
- i18n для локализации.
На данный момент мы сделали следующее:
- Компоненты для кнопок, ссылок и текста. Для этих компонентов написаны истории.
- Подвал и шапка. Сделана локализация для этих блоков.
- Навигационная панель внизу для мобильных устройств.
- Главная страница: слайдер и компонент списка фильмов, который на текущий момент отображает все имеющиеся фильмы. Нажатие на фильм ведет на страницу конкретного фильма.
- Частично сделана страница конкретного фильма с общей информацией о фильме и комментариями. Комментарии пока имеют 1 уровень вложенности.
- Клонируйте репозиторий с помощью команды
gh repo clone Abrahamyan01/Kinoman-Website. - Перейдите в папку проекта и установите зависимости с помощью команды
npm install. - Запустите проект локально с помощью команды
npm run dev.