creating my polls page

SurveyFrontend/src/api/AuthApi.ts

@@ -0,0 +1,37 @@
+import {BASE_URL, createRequestConfig, handleResponse} from "./BaseApi.ts";
+
+interface IAuthData{
+    email: string;
+    password: string;
+}
+
+interface IRegistrationData extends IAuthData{
+    username: string;
+    firstName: string;
+    lastName: string;
+}
+
+export const registerUser = async (data: IRegistrationData) => {
+    try{
+        const response = await fetch(`${BASE_URL}/auth/register`, {
+            ...createRequestConfig('POST'), body: JSON.stringify(data),
+        })
+        return await handleResponse(response);
+    } catch (error){
+        console.error("Registration error:", error);
+        throw error;
+    }
+}
+
+export const authUser = async (data: IAuthData) => {
+    try{
+        const response = await fetch(`${BASE_URL}/auth/login`, {
+            ...createRequestConfig('POST'), body: JSON.stringify(data),
+        })
+        return await handleResponse(response);
+    }
+    catch(error){
+        console.error("Login error:", error);
+        throw error;
+    }
+}

SurveyFrontend/src/api/BaseApi.ts

@@ -0,0 +1,50 @@
+const BASE_URL = "https://survey.slavagm.ru/api";
+
+interface RequestConfig {
+    method: string;
+    headers: Record<string, string>;
+    body?: BodyInit | null;
+}
+
+/**
+ * Создаёт конфигурацию для fetch-запроса
+ * @param method HTTP-метод (GET, POST, PUT, DELETE)
+ * @param isFormData Флаг, указывающий, что отправляется FormData
+ * @returns Конфигурация для fetch-запроса
+ */
+const createRequestConfig = (method: string, isFormData: boolean = false): RequestConfig => {
+    const token = localStorage.getItem("accessToken");
+    const config: RequestConfig = {
+        method,
+        headers: {},
+    };
+
+    // Добавляем заголовок авторизации, если есть токен
+    if (token) {
+        config.headers.Authorization = `Bearer ${token}`;
+    }
+
+    // Добавляем Content-Type, если это не FormData
+    if (!isFormData) {
+        config.headers["Content-Type"] = "application/json";
+    }
+
+    return config;
+};
+
+/**
+ * Обрабатывает ответ от сервера
+ * @param response Ответ от fetch
+ * @returns Распарсенные данные или ошибку
+ */
+const handleResponse = async (response: Response) => {
+    const data = await response.json();
+
+    if (!response.ok) {
+        throw new Error(data.message || "Произошла ошибка");
+    }
+
+    return data;
+};
+
+export { BASE_URL, createRequestConfig, handleResponse };