Тестовое задание для Frontend-разработчика

Автор

Марина Дунаева

Описание проекта

Этот проект представляет собой реализацию тестового задания для позиции Frontend-разработчика.

Функционал:

• Отображение списка книг из JSON-данных
• Сортировка книг:
  • по цене (возрастание/убывание, с учётом фамилии автора при одинаковой цене)
  • по автору (по дате публикации, а при совпадении — по фамилии автора)
  • по дате публикации (сначала более новые)
• Фильтрация книг по тегам (поддерживается выбор нескольких тегов одновременно)
• Выбранные фильтры по тегам сохраняются в localStorage и восстанавливаются при обновлении страницы
• При клике вне панели с тегами она автоматически закрывается
• При отсутствии поля date у книги:
  • книга не рендерится
  • в консоли отображается ошибка

Технологии

• React 19
• Next.js
• JavaScript (ES6+)
• TailwindCSS
• Работа с localStorage для сохранения состояния

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

# Клонировать репозиторий
git clone https://github.com/MallonsoFrey/guider-task.git 

# Перейти в папку проекта
cd guider-task 

# Установить зависимости
npm install

# Запустить проект
npm run dev