hw5

[emworks]

Задача

https://github.com/two-devs-teaching/hse-web-programming-2025/tree/main/hw/hw-5-backend

Что сделано

Реализовано несколько способов взаимодействия с бэкендом по API:

• GET /api/movies.json – получение списка фильмов из локального JSON файла (ранее использовался ES6 import)
• GET https://jsonplaceholder.typicode.com/comments – получение списка сообщений чата (страница совместного просмотра)
• POST https://jsonplaceholder.typicode.com/comments – добавление нового сообщения в чат

Взаимодействие происходит через сервисы, которые вызываются в React-компонентах. При необходимости можно добавить state manager (Redux, Zustand и т.д.) или подключить реальный API, внеся минимальные изменения.

Демо

https://emworks.github.io/flickmate/feature/hw5/

Чеклист

• Задание: интегрировать в свой веб-проект взаимодействие с бэкендом с помощью API.

Критерии выполненного задания:

• Есть ссылка на код проекта с подключенным API
• Есть функция, получающая данные с сервера (GET)
• Есть функция, отправляющие данные на сервер (POST/PUT/PATCH)
• Полученные данные используются / показываются на странице

Дополнительно (не было в задании):

• Приложение задеплоено (gh-pages)
  • Ограничение: в текущей реализации с BrowserRouter + GitHub Pages прямой переход по URL или обновление страницы на любом маршруте кроме / приведёт к 404, потому что сервер отдаёт только статические файлы

[lyaplyap]

Ревью дз по API

Общие комментарии

• Круто, что добавил походы в API сразу в react-приложении)
• Не хватает какой-то обработки ошибок в catch (а то сейчас там одни тудушки висят), но в остальном работа хорошая

Соответствие критериям

• Есть ссылка на код проекта с подключенным API [ok]
• Есть функция, получающая данные с сервера (GET) [ok]
• Есть функция, отправляющие данные на сервер (POST/PUT/PATCH) [ok]
• Полученные данные используются / показываются на странице [ok]

Итого: 10