Skip to content

Проект «Book App» — это полноценное Single-Page Application (SPA) на JavaScript, представляющее собой библиотеку книг, использующую API от OpenLibrary. Stack: HTML5, CSS3, Flexbox, UX, БЭМ, Figma, JavaScript, Промисы (Promise) и Rest API, Single-Page Application (SPA), Rollup.

Notifications You must be signed in to change notification settings

ia-stepanov/book-app

Repository files navigation

Библиотека книг

Автор курса: Антон Ларичев

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

Book App — это полноценное Single-Page Application (SPA) на JavaScript, представляющее собой библиотеку книг, использующую API от OpenLibrary. В этом приложении пользователи могут осуществлять поиск книг, добавлять их в избранное, а также просматривать детальную информацию о каждой книге.

Функционал:

  • Поиск книг и отображение результатов поиска;
  • Добавление книг в избранное и просмотр списка избранных книг;
  • Подробная информация о каждой книге, включая теги и обложку;
  • Реактивное обновление интерфейса при изменении данных;
  • Single-Page Application с динамической загрузкой контента.

Стек технологий:

  • HTML5;
  • CSS3:
    • Flexbox;
    • User eXperience (UX);
  • Методология БЭМ;
  • Вёрстка по макету в Figma;
  • JavaScript (чистый JS, без использования фреймворков):
    • Стиль CamelCase;
    • Установка и настройка библиотек;
    • Промисы (Promise) и Rest API;
    • Асинхронность и оптимизация;
    • Single-Page Application (SPA);
  • Rollup — сборщик проекта.

Важные моменты:

  • Приложение основано на компонентной структуре;
  • Вьюшки реализованы на классах и наследовании;
  • Автоматического обновления интерфейса при изменении данных.

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

Клонировать репозиторий:

git clone https://github.com/ia-stepanov/book-app.git

Установить зависимости:

npm install

Запустить проект:

API для работы сервером:

https://openlibrary.org/developers/api

Языки:

  • JavaScript

Библиотеки:

  • on-change — отслеживает изменения в объектах и массивах, автоматически вызывая заданную функцию при любых изменениях в наблюдаемых данных;
  • Marked — это JavaScript-библиотека, которая позволяет преобразовывать Markdown в HTML.

Макет в Figma:

Скриншоты:

Развернуть

book-app

book-app

book-app

Ссылка на сайт:

https://ia-stepanov.github.io/book-app/

About

Проект «Book App» — это полноценное Single-Page Application (SPA) на JavaScript, представляющее собой библиотеку книг, использующую API от OpenLibrary. Stack: HTML5, CSS3, Flexbox, UX, БЭМ, Figma, JavaScript, Промисы (Promise) и Rest API, Single-Page Application (SPA), Rollup.

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published