This project was generated with Angular CLI version 15.0.3.
Run ng serve for a dev server. Navigate to http://localhost:4200/. The application will automatically reload if you change any of the source files.
Run ng build to build the project. The build artifacts will be stored in the dist/ directory.
Реализовать 2 страницы: 1 - Родительская – список новостей. 2 - Дочерняя – страница новости.
Для каждой новости должны отображаться название, описание/содержание, дата публикации, фото. На странице со списком новостей сделать кнопку «Добавить новость», по нажатию на которую открывается модальное окно с формой:
- «Название» - текстовое поле.
- «Описание» - текстовое поле.
- «Прикрепить фото» - кнопка, реализует функционал добавления фото (достаточно одной).
- «Сохранить» - кнопка, добавляет новость в начало списка. При этом уже загруженные ранее данные сохраняются.
Добавленные новости хранить в storage браузера таким образом, чтобы после перезагрузки страницы они отображались первыми. По нажатию на пользовательскую новость действий не предусмотрено.
Реализовать подгрузку данных по мере скроллинга страницы. По дизайну и вёрстке - обязателен адаптив, следование UI/UX стандартам отображения подобного контента. Источник данных:
1 - Список новостей: https://webapi.autodoc.ru/api/news/1/10 (последние 2 параметра - номер страницы и количество элементов на ней).
2 - Отдельная новость: url приходит на этапе получения списка новостей, пример ссылки: https://webapi.autodoc.ru/api/news/item/avto-novosti/volkswagen_amarok_pickup
Результат выполнения задания должен быть доступен по ссылке на репозиторий в Github.