Библиотека книг для фронтенд разработчика

Модель книги:

1. Название(обязательное поле)
2. Обложка книги(необязательное поле, если нет, то автоматически подставлять картинку “нет фото”)
3. Описание(обязательное поле)
4. Автор(обязательное поле)
5. Издательство(обязательное поле)
6. Код ISBN(обязательное поле)
7. Год издания(обязательное поле)
8. Количество страниц(необязательное поле)
9. Рейтинг(необязательное поле, если рейтинга нет, выводить “пустые” звезды)
10. Отзывы тех, кто прочитал(необязательное поле)
11. Личные заметки по книге(необязательное поле)

Структура:

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

• Показывать список книг.
• Для каждой книги выводить название и ее рейтинг.
• По нажатию на книгу открывать страницу просмотра/редактирования книги.

2. Страница для добавления книги:

• Форма с полями из модели книги.
• Сделать валидацию для каждого поля.
• Сделать кнопку “Добавить книгу” и реализовать функциональность добавления

3. Страница просмотра/редактирования книги:

• Форма с предзаполненными полями из модели книги.
• Две кнопки:
  • Редактировать книгу - по нажатию контролы формы разблокируется для редактирования
  • Сохранить изменения - по нажатию контролы формы блокируются. Сделать валидацию.

4. Меню

• Главная
• Добавить книгу

Можно использовать готовую библиотеку компонентов, например https://www.primefaces.org/primeng/#
По стилю написания кода и в целом опираться на https://angular.io/guide/styleguide Пример похожего проекта - http://frontendbookshelf.ru/