diff --git a/frontend/src/.eslintrc.js b/frontend/src/.eslintrc.js
new file mode 100644
index 0000000..f6c62be
--- /dev/null
+++ b/frontend/src/.eslintrc.js
@@ -0,0 +1,24 @@
+module.exports = {
+  parser: '@typescript-eslint/parser',
+  parserOptions: {
+    project: 'tsconfig.json',
+    sourceType: 'module',
+  },
+  plugins: ['@typescript-eslint/eslint-plugin'],
+  extends: [
+    'plugin:@typescript-eslint/recommended',
+    'plugin:prettier/recommended',
+  ],
+  root: true,
+  env: {
+    node: true,
+    jest: true,
+  },
+  ignorePatterns: ['.eslintrc.js'],
+  rules: {
+    '@typescript-eslint/interface-name-prefix': 'off',
+    '@typescript-eslint/explicit-function-return-type': 'off',
+    '@typescript-eslint/explicit-module-boundary-types': 'off',
+    '@typescript-eslint/no-explicit-any': 'off',
+  },
+};
diff --git a/frontend/src/dashboard/dashboard-page.tsx b/frontend/src/dashboard/dashboard-page.tsx
new file mode 100644
index 0000000..fe362e1
--- /dev/null
+++ b/frontend/src/dashboard/dashboard-page.tsx
@@ -0,0 +1,8 @@
+import React from 'react';
+import { useParams } from 'react-router-dom';
+
+export const DashboardPage = (): JSX.Element => {
+  const params = useParams();
+  const id = params.id as string;
+  return <p>Dashboard</p>;
+};
diff --git a/frontend/src/dashboard/dashboards-page.tsx b/frontend/src/dashboard/dashboards-page.tsx
new file mode 100644
index 0000000..49b0110
--- /dev/null
+++ b/frontend/src/dashboard/dashboards-page.tsx
@@ -0,0 +1,6 @@
+import React from 'react';
+
+export const DashboardsPage = (): JSX.Element => {
+  // TODO: code for DashboardsPage
+  return <p>Dashboards</p>;
+};
diff --git a/frontend/src/kanban-board/kanban-boards-page.tsx b/frontend/src/kanban-board/kanban-boards-page.tsx
index f9ba580..ca716e0 100644
--- a/frontend/src/kanban-board/kanban-boards-page.tsx
+++ b/frontend/src/kanban-board/kanban-boards-page.tsx
@@ -4,19 +4,24 @@ import * as Stores from './store';
 import * as KBS from './kanban-boards';
 
 export const KanbanBoardsPage = (): JSX.Element => {
-	const params = useParams();
-	const name = params.name as string;
-	const type = params.type as string;
-	
-	// DEBUG: begin
-	console.debug(`KanbanBoardsPage: type=${type}; name=${name}`);
-	useEffect(() => {
-		console.debug(`KanbanBoardsPage: type=${type}; name=${name}`);
-	});
-	// DEBUG: end
-	
-	const store = Stores.PageStore.create({loaded: false, type: type, name: name, data: null});
-	Stores.PageStoreLoadData(store);
-	
-	return <KBS.KanbanBoards store={store}/>;
-}
\ No newline at end of file
+  const params = useParams();
+  const name = params.name as string;
+  const type = params.type as string;
+
+  // DEBUG: begin
+  console.debug(`KanbanBoardsPage: type=${type}; name=${name}`);
+  useEffect(() => {
+    console.debug(`KanbanBoardsPage: type=${type}; name=${name}`);
+  });
+  // DEBUG: end
+
+  const store = Stores.PageStore.create({
+    loaded: false,
+    type: type,
+    name: name,
+    data: null,
+  });
+  Stores.PageStoreLoadData(store);
+
+  return <KBS.KanbanBoards store={store} />;
+};
diff --git a/frontend/src/router.tsx b/frontend/src/router.tsx
index 890097e..c9642c0 100644
--- a/frontend/src/router.tsx
+++ b/frontend/src/router.tsx
@@ -1,25 +1,35 @@
-import React from "react";
-import { createBrowserRouter } from "react-router-dom";
-import StartPage from "./start-page/start-page";
-import UnknownPage from "./unknown-page";
-import { KanbanBoardsPage } from "./kanban-board/kanban-boards-page";
-import { IssuesListBoardPage } from "./issues-list-board/issues-list-boards-page";
+import React from 'react';
+import { createBrowserRouter } from 'react-router-dom';
+import StartPage from './start-page/start-page';
+import UnknownPage from './unknown-page';
+import { KanbanBoardsPage } from './kanban-board/kanban-boards-page';
+import { IssuesListBoardPage } from './issues-list-board/issues-list-boards-page';
+import { DashboardsPage } from './dashboard/dashboards-page';
+import { DashboardPage } from './dashboard/dashboard-page';
 
 export const router = createBrowserRouter([
-	{
-		path: "/",
-		element: (<StartPage/>),
+  {
+    path: '/',
+    element: <StartPage />,
   },
-	{
-		path: "/kanban-board/:type/:name",
-		element: (<KanbanBoardsPage/>)
-	},
-	{
-		path: "/issues-list-board/:type/:name",
-		element: (<IssuesListBoardPage/>)
-	},
-	{
-		path: "*",
-		element: (<UnknownPage/>)
-	}
-]);
\ No newline at end of file
+  {
+    path: '/kanban-board/:type/:name',
+    element: <KanbanBoardsPage />,
+  },
+  {
+    path: '/issues-list-board/:type/:name',
+    element: <IssuesListBoardPage />,
+  },
+  {
+    path: '/dashboards',
+    element: <DashboardsPage />,
+  },
+  {
+    path: '/dashboard/:id',
+    element: <DashboardPage />,
+  },
+  {
+    path: '*',
+    element: <UnknownPage />,
+  },
+]);