/pay2u-subscriptions-hackathon

Мобильное приложение для агрегации сервисов подписок для PAY2U

Primary LanguageTypeScript

Сервис подписок для 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