Приложение разработано в рамках хакатона по созданию MVP Веб-приложения с новым UX для PAY2U.
npm install
npm run dev$ npm run build
$ npm run previewФронтенд написан на React + TypeScript со сборщиком Vite
| Пакеты | Назначение |
|---|---|
| MUI | Библиотека компонентов для создания интерфейсов на Material Design System от Google |
| Fontsource/roboto | Пакет со шрифтами |
| Swiper | Библиотека для реализации карусели. |
| React-coolicons | Библиотека иконок Сoolicons. |
| Reduxjs/toolkit | Фреймворк для получения данных. |
| React-router | Библиотека для переключения и маршрутизации страниц. |
| React-hook-form | Библиотека для работы с формами. |
| React-imask | Библиотека для преобразования отображаемых данных для форм. |
| Yup | Библиотека для валидации данных. |
| Use-debounce | Библиотека, которая позволяет отменить и отложить на какое-то время её повторные вызовы |
| MSW | Библиотека для имитации API, которая позволяет создавать мок, перехватывая запросы на сетевом уровне. |
- Главный экран (2.1-2.3)
- Каталог (4.1-4.4)
- Карточка подписки (9.1)
- Оформление подписки (10.1-10.2)
- Мои подписки (3.1-3.5)
- Карточка подписки (9.2)
- Управление подпиской (11.1-11.3)
- Онбординг (1.1-1.2)
- Избранное (5.1-5.2)
- Подключение к бэкенду
| Фамилия Имя | Контакты | Роль |
|---|---|---|
| Юнанова Маргарита | Telegram | 🔨 Frontend(web) |
| Мариненко Артём | Telegram, @zalgan05 | ⚙️ Backend |
| Кравцов Данила | Telegram | ☑️ PM |
| Рябченкова Наталья | Telegram | 🛵 PdM |
| Екатерина Рябова | Telegram | 🎨 Design |
| Замураев Владимир | Telegram | 🎨 Design |
| Прокофьева Полина | Telegram | 🎨 Design |
| Кислейко Ксения | Telegram | 📈 SA |
| Раджабов Гамид | Telegram | 📈 SA |
| Грейлих Евгений | Telegram | 🎯 BA |