crowru / nftmarket

The application helps users to view and buy NFT

NFTMarket

Ссылки

[Дизайн видео] https://drive.google.com/drive/folders/1sk6FlYoE9pWz9egCnu7uinMKR7IG060N?usp=sharing

Дизайн Figma

Описание приложения

Приложение помогает пользователям просматривать и покупать NFT (Non-Fungible Token). Функционал покупки иммитируется с помощью мокового сервера.

• Приложение демонстрирует каталог NFT, структурированных в виде коллекций
• Пользователь может посмотреть информацию о каталоге коллекций, выбранной коллекции и выбранном NFT.
• Пользователь может добавлять понравившиеся NFT в избранное.
• Пользователь может удалять и добавлять товары в корзину, а также оплачивать заказ (покупка иммитируется).
• Пользователь может посмотреть рейтинг пользователей и информацию о пользователях.
• Пользователь может смотреть информацию и своем профиле, включая информацию об избранных и принадлежащих ему NFT.
• Локализация
• Тёмная тема
• Статистика на основе Яндекс Метрики
• Экран авторизации
• Экран онбординга
• Алерт с предложением оценить приложение
• Сообщение о сетевых ошибках
• Кастомный launch screen
• Поиск по таблице/коллекции

Цели приложения

• просмотр коллекций NFT;
• просмотр и покупка NFT;
• просмотр рейтинга пользователей.

Инструкция по развертыванию

IOS target: 13.4

1. Склонируйте репозиторий с GitHub
2. Откройте проект в Xcode и дождитесь загрузки Kingfisher и ProgressHUD
3. Запустите симулятор или подключите устройство и выберите его в качестве целевого устройства.
4. Нажмите кнопку "Run" в Xcode для сборки и запуска приложения.

Подробное описание

Каталог

Экран каталога

На экране каталога отображается таблица, показывающая доступные коллекции NFT. Для каждой коллекции NFT отображается:

• обложка коллекции;
• название коллекции;
• количество NFT в коллекции.

Также на экране есть кнопка сортировки, при нажатии на которую пользователю предлагается выбрать один из доступных способов сортировки. Содержимое таблицы упорядочивается согласно выбранному способу.

Пока данные для показа не загружены, должен отображаться индикатор загрузки.

При нажатии на одну из ячеек таблицы пользователь попадает на экран выбранной коллекции NFT.

Экран коллекции NFT

Экран отображает информацию о выбранной коллекции NFT, и содержит:

• обложку коллекции NFT;
• название коллекции NFT;
• текстовое описание коллекции NFT;
• имя автора коллекции (ссылка на его сайт);
• коллекцию с информацией о входящий в коллекцию NFT.

При нажатии на имя автора коллекции открывается его сайт в вебвью.

Каждая ячейка коллекции содержит:

• изображение NFT;
• название NFT;
• рейтинг NFT;
• стоимость NFT (в ETH);
• кнопку для добавления в избранное / удаления из избранного (сердечко);
• кнопку добавления NFT в корзину / удаления NFT из корзины.

При нажатии на сердечко производится добавление NFT в избранное / удаление NFT из избранного.

При нажатии на кнопку добавления NFT в корзину / удаления NFT из корзины производится добавление или удаление NFT из заказа (корзины). Изображение кнопки при этом меняется, если NFT добавлено в заказ отображается кнопка с крестиком, если нет - кнопка без крестика.

При нажатии на ячейку открывается экран NFT.

Экран NFT

Экран частично реализуется наставником в ходе life coding. Реализация экрана студентами не требуется.

Корзина

Экран заказа

На экране таблицы отображается таблица (UITableView) со списком добавленных в заказ NFT. Для каждого NFT указаны:

• изображение;
• имя;
• рейтинг;
• цена;
• кнопка удаления из корзины.

При нажатии на кнопку удаления из корзины показывается экран подтверждения удаления, который содержит:

• изображение NFT;
• текст об удалении;
• кнопку подтверждения удаления;
• кнопку отказа от удаления.

Сверху на экране есть кнопка сортировки, при нажатии на которую пользователю предлагается выбрать один из доступных способов сортировки. Содержимое таблицы упорядочивается согласно выбранному способу.

Внизу экрана расположена панель с количеством NFT в заказе, общей ценой и кнопкой оплаты. При нажатии на кнопку оплаты происходит переход на экран выбора валюты.

Пока данные для показа не загружены или обновляются, должен отображаться индикатор загрузки.

Экран выбора валюты

Экран позволяет выбрать валюту для оплаты заказа.

Сверху экрана находится заголовок и кнопка возврата на предыдущий экран. Под ним - коллекция UICollectionCell с доступными способами оплаты. Для каждой валюты указывается:

• логотип;
• полное наименование;
• сокращенное наименование.

Под текстом - кнопка оплаты, при ее нажатии посылается запрос на сервер. Если сервер ответил, что оплата прошла успешно, то показывается экран с информацией об этом и кнопкой возврата в корзину. В случае неуспешной оплаты показывается соответствующий экран с кнопками повтора запроса и возврата в корзину.

Профиль

Экран профиля

Экран показывает информацию о пользователе. Он содержит:

• фото пользователя;
• имя пользователя;
• описание пользователя;
• таблицу (UITableView) с ячейками Мои NFT (ведет на экран NFT пользователя), Избранные NFT (ведет на экран с избранными NFT), Сайт пользователя (открывает в вебвью сайт пользователя).

В правом верхнем углу экрана находится кнопка редактирования профиля. Нажав на нее, пользователь видит всплывающий экран, на котором может отредактировать имя пользователя, описание, сайт и ссылку на изображение. Загружать само изображение через приложение не нужно, обновляется только ссылка на изображение.

Экран Мои NFT

Представляет собой таблицу (UITableView), каждая ячейка которой содержит:

• иконку NFT;
• название NFT;
• автора NFT;
• цену NFT в ETH.

Сверху на экране есть кнопка сортировки, при нажатии на которую пользователю предлагается выбрать один из доступных способов сортировки. Содержимое таблицы упорядочивается согласно выбранному способу.

В случае отсутствия NFT показывается соответствующая надпись.

Экран Избранные NFT

Содержит коллекцию (UICollectionView) c NFT, добавленными в избранное (лайкнутыми). Каждая ячейка содержит информацию об NFT:

• иконка;
• сердечко;
• название;
• рейтинг;
• цена в ETH.

Нажатие на сердечко удаляет NFT из избранного, содержимое коллекции при этом обновляется.

В случае отсутствия избранных NFT показывается соответствующая надпись.

Статистика

Экран рейтинга

Экран отображает список пользователей. Он представляет собой таблицу (UITableView). Для каждого пользователя указываются:

• место в рейтинге;
• аватарка;
• имя пользователя;
• количество NFT.

Сверху на экране есть кнопка сортировки, при нажатии на которую пользователю предлагается выбрать один из доступных способов сортировки. Содержимое таблицы упорядочивается согласно выбранному способу.

При нажатии на одну из ячеек происходит переход на экран информации о пользователе.

Экран информации о пользователе

Экран отображает информацию о пользователе:

• фото пользователя;
• имя пользователя;
• описание пользователя.

Также он содержит кнопку перехода на сайт пользователя (открывается в вебвью) и возможность перехода на экран Коллекции пользователя.

Экран коллекции пользователя

Содержит коллекцию (UICollectionView) c NFT пользователя. Каждая ячейка содержит информацию об NFT:

• иконка;
• сердечко;
• название;
• рейтинг;
• стоимость NFT (в ETH);
• кнопку добавления NFT в корзину / удаления NFT из корзины.