Книжный магазин на основе Google Books APIs
- HTML5,
- CSS3 (adaptive, modules),
- JS,
- React,
- Redux Toolkit (thunk),
- Rest API (axios),
- Содержит:
- логотип,
- навигацию,
- панель управления.
- Навигация по страницам в данном проекте не предусмотрена, ссылки являются заглушками. Панель управления содержит кнопки:
- профиля - авторизация в данном проекте не осуществляется, заглушка,
- поиска - при нажатии открывает поле поиска с кнопкой, в котором можно ввести запрос, при нажатии на кнопку осуществляется запрос к API с введенными данными, после чего результат выводится на странице,
- корзины - при нажатии открывает корзину, в которой будут отображаться выбранные пользователем книги и их суммарная стоимость. Книги из корзины можно удалять нажатием на кнопку "Remove from cart",
- меню - отображается только в мобильной версии и версии для планшета, открывает список категорий книг.
- Главная страница содержит:
- слайдер - слайдер картинок с кнопками управления, которые переключают изображения,
- меню с категориями книг - изначально на странице подгружены книги категории "Архитектура". При нажатии на элемент списка осуществляется запрос к API и на странице отображаются книги соответствующей категории. В мобильной версии и версии для планшета меню скрыто и открывается с помощью кнопки бургер-меню в шапке,
- карточки книг - отображают полученную информацию о книге: обложку, автора, название, оценки, описание и цену. Кнопка "Buy now" добавит книгу в корзину, и отобразит информацию о том, что книга уже в корзине - повторное нажатие на кнопку удалит книгу из корзины,
- кнопка "Load more" - отправит дополнительный запрос в соответствующей категории и подгрузит результат к уже отображенным книгам на странице,
- кнопка стрелки вверх - при нажатии проматывает страницу в начало.