Приведи примеры задач, где соединял Frontend и Backend

• Frontend: форма с полями (email, пароль), валидация в реальном времени.
• Backend: проверка уникальности email, хеширование пароля, сохранение в БД.

// Отправка данных на сервер
fetch('/api/register', {
  method: 'POST',
  body: JSON.stringify({ email, password }),
  headers: { 'Content-Type': 'application/json' }
});

Загрузка и отображение данных

• Frontend: запрос к API, отображение списка товаров.
• Backend: обработка запроса, фильтрация данных, пагинация.

// Получение данных
fetch('/api/products?page=1')
  .then(response => response.json())
  .then(data => renderProducts(data));

Авторизация (JWT)

• Frontend: сохранение токена в localStorage, добавление в заголовки запросов.
• Backend: генерация токена, проверка при каждом запросе.

// Добавление токена в заголовки
headers: { 'Authorization': `Bearer ${localStorage.getItem('token')}` }

Чат в реальном времени (WebSocket)

• Frontend: подключение к сокету, отправка/получение сообщений.
• Backend: обработка событий, broadcast сообщений.

const socket = new WebSocket('ws://example.com/chat');
socket.onmessage = (event) => displayMessage(event.data);