Книжный магазин

Книжный магазин на основе Google Books APIs

Ознакомиться

Используемый стек:

• HTML5,
• CSS3 (adaptive, modules),
• JS,
• React,
• Redux Toolkit (thunk),
• Rest API (axios),

Функционал:

Шапка:

Содержит:
• логотип,
• навигацию,
• панель управления.

Навигация по страницам в данном проекте не предусмотрена, ссылки являются заглушками. Панель управления содержит кнопки:
• профиля - авторизация в данном проекте не осуществляется, заглушка,
• поиска - при нажатии открывает поле поиска с кнопкой, в котором можно ввести запрос, при нажатии на кнопку осуществляется запрос к API с введенными данными, после чего результат выводится на странице,
• корзины - при нажатии открывает корзину, в которой будут отображаться выбранные пользователем книги и их суммарная стоимость. Книги из корзины можно удалять нажатием на кнопку "Remove from cart",
• меню - отображается только в мобильной версии и версии для планшета, открывает список категорий книг.

Главная страница:

Главная страница содержит:
• слайдер - слайдер картинок с кнопками управления, которые переключают изображения,
• меню с категориями книг - изначально на странице подгружены книги категории "Архитектура". При нажатии на элемент списка осуществляется запрос к API и на странице отображаются книги соответствующей категории. В мобильной версии и версии для планшета меню скрыто и открывается с помощью кнопки бургер-меню в шапке,
• карточки книг - отображают полученную информацию о книге: обложку, автора, название, оценки, описание и цену. Кнопка "Buy now" добавит книгу в корзину, и отобразит информацию о том, что книга уже в корзине - повторное нажатие на кнопку удалит книгу из корзины,
• кнопка "Load more" - отправит дополнительный запрос в соответствующей категории и подгрузит результат к уже отображенным книгам на странице,
• кнопка стрелки вверх - при нажатии проматывает страницу в начало.