diff --git a/client/src/App.jsx b/client/src/App.jsx
index 8339409..8cee677 100644
--- a/client/src/App.jsx
+++ b/client/src/App.jsx
@@ -4,6 +4,9 @@ import Index from './pages';
 import Login from './pages/login';
 import NavBar from './components/NavBar';
 
+/**
+ * Top-level application component.
+ */
 function App() {
   return (
     <>
diff --git a/client/src/components/NavBar.jsx b/client/src/components/NavBar.jsx
index e6be6a1..f74d622 100644
--- a/client/src/components/NavBar.jsx
+++ b/client/src/components/NavBar.jsx
@@ -1,5 +1,8 @@
 import React from 'react';
 
+/**
+ * Primary navigation component.
+ */
 function NavBar() {
   return (
     <nav>
diff --git a/client/src/pages/index.jsx b/client/src/pages/index.jsx
index cba9955..552d26e 100644
--- a/client/src/pages/index.jsx
+++ b/client/src/pages/index.jsx
@@ -1,6 +1,9 @@
 import React from 'react';
 import { useQuery } from '@tanstack/react-query';
 
+/**
+ * Home page component.
+ */
 function Index() {
   const { isFetching, error } = useQuery({
     queryKey: ['users'],
diff --git a/client/src/pages/login.jsx b/client/src/pages/login.jsx
index f04af54..0d25fed 100644
--- a/client/src/pages/login.jsx
+++ b/client/src/pages/login.jsx
@@ -1,5 +1,8 @@
 import React from 'react';
 
+/**
+ * Login page component.
+ */
 function Login() {
   return <div>Login page works</div>;
 }
diff --git a/client/src/stories/Page/Page.jsx b/client/src/stories/Page/Page.jsx
index 85888be..c2db783 100644
--- a/client/src/stories/Page/Page.jsx
+++ b/client/src/stories/Page/Page.jsx
@@ -4,10 +4,10 @@ import { Header } from '../Header/Header.jsx';
 import './page.css';
 
 /**
+ * Storybook demo page component.
  * @typedef User
- * @property {string} name
+ * @property {string} name Full name of the User.
  */
-
 export const Page = () => {
   const [user, setUser] = React.useState(/** @type {?User} */ (null));