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