diff --git a/TODO.md b/TODO.md
index 3f4b426..71361fc 100644
--- a/TODO.md
+++ b/TODO.md
@@ -20,7 +20,3 @@
 - [ ] Избранное
 - [ ] История
 - [ ] ...
-
-## интерфейс
-
-- [X] Динамический цвет от аватарки
diff --git a/frontend/app/components/UserProfile/UserProfile.jsx b/frontend/app/components/UserProfile/UserProfile.jsx
index dbdb1af..b51f928 100644
--- a/frontend/app/components/UserProfile/UserProfile.jsx
+++ b/frontend/app/components/UserProfile/UserProfile.jsx
@@ -97,7 +97,7 @@ export const UserProfile = (props) => {
               <Image
                 className="circle"
                 src={props.profile.avatar}
-                alt="Ваш профиль"
+                alt=""
                 width="512"
                 height="512"
                 style={{ blockSize: "7rem", inlineSize: "7rem" }}
diff --git a/frontend/app/profile/[id]/page.js b/frontend/app/profile/[id]/page.js
new file mode 100644
index 0000000..9fbd65c
--- /dev/null
+++ b/frontend/app/profile/[id]/page.js
@@ -0,0 +1,34 @@
+"use client";
+import { UserProfile } from "@/app/components/UserProfile/UserProfile";
+import { endpoints } from "@/app/api/config";
+import { getData } from "@/app/api/api-utils";
+import { useEffect, useState } from "react";
+import { notFound } from "next/navigation";
+
+export default function Profile(props) {
+  const [profile, setProfile] = useState(null);
+
+  useEffect(() => {
+    async function _getProfile() {
+      const _profile = await getData(
+        `${endpoints.user.profile}/${props.params.id}`,
+      );
+      setProfile(_profile);
+    }
+    _getProfile();
+  }, [props.params.id]);
+
+  return (
+    <>
+      {profile ? (
+        profile.profile ? (
+          <UserProfile profile={profile.profile} />
+        ) : (
+          notFound()
+        )
+      ) : (
+        <progress></progress>
+      )}
+    </>
+  );
+}
diff --git a/frontend/next.config.mjs b/frontend/next.config.mjs
index d37672a..e7af06f 100644
--- a/frontend/next.config.mjs
+++ b/frontend/next.config.mjs
@@ -7,6 +7,10 @@ const nextConfig = {
         protocol: "https",
         hostname: "anixstatic.com",
       },
+      {
+        protocol: "https",
+        hostname: "i.imgur.com",
+      },
     ],
   },
 };