The world of beer

Установка и запуск:

Для запуска приложения необходимо выполнить следующие шаги:

Клонировать репозиторий на локальную машину:

• git clone https://github.com/RudakovIlya/the-world-of-beer.git

Перейти в папку с проектом:

• cd repo

Установить необходимые зависимости:

• npm install

Запустить приложение:

• npm start

  Приложение будет доступно по адресу http://localhost:3000/.

или

• ionic serve

  Приложение будет доступно по адресу http://localhost:8100/.

Сборка debug apk

Для сборки debug apk необходимо выполнить следующие шаги:

Установить Android Studio и Android SDK.

Подключить свой Android-устройство к компьютеру.

Перейти в папку с проектом и запустить сборку apk:

./gradlew assembleDebug Собранный apk-файл будет находиться в папке app/build/outputs/apk/debug/app-debug.apk..

Если вы не хотите устанавливать Android Studio, то в консоли необходимо прописать ionic capacitor build android --debug

Описание проекта "The world of beer"

Stack:

• ionic
• capacitor
• react
• zustand
• react-paginate

Данное приложение предоставляет информацию о различных видах пива с использованием бекенда от https://punkapi.com/documentation/v2.

Главный экран

На главном экране отображаются карточки пива, каждая из которых включает:

• картинку пива (поле image_url в API)
• крепость пива (поле abv в API)

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

При клике на карточку пива, открывается новый экран со следующей информацией:

• Экран с детальной информацией о пиве

• На экране с детальной информацией о пиве отображаются:

  • Изображение пива
  • Наименование пива
  • Описание пива

Избранное

В приложении присутствует кнопка "Избранное", при нажатии на которую появляется модальное окно со списком избранных видов пива. Если ничего не было добавлено в избранное, то в модальном окне отображается соответствующий текст "Favorites list is empty".