Тестовое задание для Juice Development

Развернутое приложение Здесь

Установка

$ yarn

Запуск

# development and watch mode
$ yarn dev

# production mode
$ yarn build && yarn serve

Запуск туннеля

$ yarn tunnel

Использование с VK Tunnel/Ngrok/etc.

В vite.config.ts в объекте server убираем https, host и proxy, добавляем:

hmr: {
  clientPort: 443
}

Подробнее - vitejs/vite#5399.

Тестовое задание:

Для знакомства с платформой мини-приложений ВКонтакте предлагается разработать небольшое мини-приложение, покрывающее основные аспекты: работа с дизайн-системой VK; взаимодействие с VK API; взаимодействие со сторонним апи/бекендом; деплой проекта на хостинг статики.

Макеты: https://vk.cc/cjcq58

Требования к проекту:

1. React 16.8+, хуки; при необходимости стейт-менеджер (предпочтительно Redux, но не обязательно); по желанию typescript, линтеры

2. Использование библиотеки компонентов VKUI. Если готового компонента нет - необходимо сверстать

3. Использование vk-bridge для взаимодействия с VK API

4. Чистый аккуратный код