Нам поступило задание сделать приложение, в котором можно будет удобно просматривать товары из нашего интернет магазина. Так, чтобы была возможность фильтровать товары по категории и по кол-ву выводов товаров на страницу.
Критерии приемки задачи:
Адаптивная верстка сайта по готовому дизайну Темная и светлая тема сайта с возможностью переключения Поисковая строка поддерживает только латинские символы, цифры и пробелы Есть возможность скачать PWA
Технические требования:
- Веб-приложение необходимо реализовать с использованием Vite React/Preact и typescript (create vite market-app –template react-ts).
- В качестве архитектурной методологии необходимо использовать Feature-Sliced Design (https://feature-sliced.design/) c подключенным eslint конфигом.
- Для реализации бизнес логики нужно использовать effector и effector/reflect (https://effector.dev/).
- Для стилизации используйте scss и clsx.
- Для валидации необходимо использовать регулярные выражения.
- При сборке приложения нужно изменить файлы в папке /dist:
- Переименовать /dist -> /build
- Переименовать /assets -> /static
- Отсортировать файлы внутри папки dist/assets по папкам /js, /css, /img.