Программисты — удалённая работа в Москве

Веб-разработка. Разработка с нуля. Пожелания и особенности: Написатт на Javascript и css (выполнить за пару часов) Цель: СоздатьReact-приложениедля отображения каталога книг с использованием JSX, props,деструктуризации, map,Fragmentи условного рендеринга. 1 Условие Данные Создайте массив объектов bookData, где каждая книга имеет: title — название книги, author — автор, pages — количество страниц, cover — путь к картинке обложки, isBorrowed — булевое значение (true = книга выдана, false = доступна). constbookData= [ { title:“Мастер и Маргарита“, author:“М. Булгаков“, pages:480, c over:“/bulgakov.png“, is Borrowed:false, }, { tit le:“Преступление и наказание“, auth or:“Ф. Достоевский“, pages :670, cover: “/dostoevsky.png“, isBorro wed:true, },]; 2. Компоненты Header — название библиотеки и время работы (например, 9:00–21:00). Использовать условный рендеринг: если библиотека закрыта, показывать сообщение «Откроется через X часов». Catalog — список книг. Данные берутся из bookData. Book — отдельная карточка книги (принимает props через деструктуризацию).Footer — год и надпись «Все права защищены». Функционал Отобразите книги списком с помощью метода map. Используйте React.Fragment для группировки элементов внутри компонента. Реализуйте условный рендеринг: Если isBorrowed === true, показывать статус «Выдана», цвет надписи красный. Если false, статус «Доступна» цвет надписи зеленый. Добавьте подсчёт страниц: если книга больше 500 страниц, показывать пометку «Большой роман».