Сервис подписок для Pay2U

Приложение разработано в рамках хакатона по созданию MVP Веб-приложения с новым UX для PAY2U.

Ссылка на деплой приложения

https://pay2u-ru.netlify.app

Сборка и запуск проекта

Запуск в режиме разработки

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, которая позволяет создавать мок, перехватывая запросы на сетевом уровне.

Дизайн приложения

Ссылка на Figma

Бэкенд приложения

Репозиторий бэкенда

API

Реализованный функционал

1. Главный экран (2.1-2.3)
2. Каталог (4.1-4.4)
3. Карточка подписки (9.1)
4. Оформление подписки (10.1-10.2)
5. Мои подписки (3.1-3.5)
6. Карточка подписки (9.2)
7. Управление подпиской (11.1-11.3)
8. Онбординг (1.1-1.2)
9. Избранное (5.1-5.2)

В разработке приложения в составе 11 команды участвовали:

Фамилия Имя	Контакты	Роль
Юнанова Маргарита	Telegram	🔨 Frontend(web)
Мариненко Артём	Telegram, @zalgan05	⚙️ Backend
Кравцов Данила	Telegram	☑️ PM
Рябченкова Наталья	Telegram	🛵 PdM
Екатерина Рябова	Telegram	🎨 Design
Замураев Владимир	Telegram	🎨 Design
Прокофьева Полина	Telegram	🎨 Design
Кислейко Ксения	Telegram	📈 SA
Раджабов Гамид	Telegram	📈 SA
Грейлих Евгений	Telegram	🎯 BA