Данный проект представляет собой одностраничное приложение (SPA) "Домашняя библиотека", которое позволяет пользователям управлять списком своих книг. Приложение предоставляет следующие функции:
• Добавление книг: Пользователи могут добавлять новые книги, указывая их название, автора и категорию. • Сортировка по категориям: Книги могут быть отсортированы по одной из четырех категорий: "Художественная литература", "Научная литература", "Детская литература" или "Бизнес-литература". • Поиск по категории: Поиск книг можно осуществлять по выбранной категории. • Редактирование: Пользователи могут редактировать информацию о существующих книгах. • Удаление: Книги могут быть удалены из списка.
Приложение использует объект книги с четырьмя свойствами: id, title, author и category. Категории жестко заданы в коде приложения.
Страница приложения разделена на две области:
- Создание/Редактирование книги: Эта область содержит форму для добавления или редактирования книги.
- Категории и Книги: Эта область включает список доступных категорий, по которым можно фильтровать книги, а также список книг, отображаемый в соответствии с выбранной категорией.
Проект разработан с использованием следующих технологий:
• TypeScript: Язык программирования с системой статической типизации, обеспечивающей более надежный код. • Webpack: Модульный бандлер, оптимизирующий и собирающий код приложения. • a-local-database: Библиотека JavaScript, предоставляющая простой API для работы с локальным хранилищем браузера. • HTML, CSS: Стандартные веб-технологии для создания интерфейса приложения.
• Просмотр демо: Доступен демо-версия приложения на GitHub Pages: https://mariabezdudnaya.github.io/Home-library/ • Локальное использование:
- Скачайте репозиторий с помощью git.
- Установите Node.js, npm и git.
- В терминале перейдите в директорию проекта.
- Запустите npm install для установки зависимостей.
- Запустите npm start для запуска приложения.
• Приложение адаптировано под различные размеры экранов. • Для стилизации приложения используется CSS, а адаптивные стили находятся в файле adapt.css. • Файл types/index.ts содержит объявление интерфейсов и типов данных для проекта. • Для типизации библиотеки a-local-database используется файл декларации types.d.ts.