- Изучить синтаксис и особенности Vue3
- Структурировать проект по концепции FSD
- Познакомиться со стейт-менеджментом Pinia
- Использовать antd
- Тестирование с помощью Jest
Сборка: Vite
API: axios // Открытое official_joke_api
Типизация: TypeScript
Проект представляет из себя одностраничный сайт, позволяющий найти 1 (10) случайных шуток, а так же задать конкретную тематику из предложенных API
, либо найти шутку по ID
.
Так же с помощью стейт-менеджера Pinia реализован функционал отображения/скрытия списка избранных шуток.
Добавление / удаление шутки в список избранного реализовано через switch
-компонент (antd
) и метода watchEffect
(Vue3
).
Vite
выбран в качестве сборщика как простой и быстрый способ инициализировать и запустить рабочее приложение. Так же настроены алиасы для удобной работы с импортами.
С помощью фреймворка Jest
для приложения написаны Unit-тесты, покрывающие основной функционал.