diff --git a/.github/workflows/dev.yml b/.github/workflows/dev.yml
index 3c82e80e..b51c0cd5 100644
--- a/.github/workflows/dev.yml
+++ b/.github/workflows/dev.yml
@@ -2,7 +2,6 @@ name: Build and Deploy to Dev
 
 on:
   pull_request:
-    branches: [main]
 
 jobs:
   build-dev-container:
diff --git a/client/package.json b/client/package.json
index 6f96f2a3..77954404 100644
--- a/client/package.json
+++ b/client/package.json
@@ -58,6 +58,7 @@
     "globals": "15.9.0",
     "html-webpack-plugin": "5.6.0",
     "mini-css-extract-plugin": "2.9.0",
+    "postcss": "8.4.41",
     "postcss-loader": "8.1.1",
     "postcss-preset-mantine": "1.17.0",
     "prettier": "3.3.3",
diff --git a/client/src/app/Routes.tsx b/client/src/app/Routes.tsx
index bce23bda..32fceb3b 100644
--- a/client/src/app/Routes.tsx
+++ b/client/src/app/Routes.tsx
@@ -14,13 +14,10 @@ const ThesisOverviewPage = lazy(() => import('../pages/ThesisOverviewPage/Thesis
 const DashboardPage = lazy(() => import('../pages/DashboardPage/DashboardPage'))
 const LogoutPage = lazy(() => import('../pages/LogoutPage/LogoutPage'))
 const MyInformationPage = lazy(() => import('../pages/MyInformationPage/MyInformationPage'))
-const SubmitApplicationStepOnePage = lazy(
-  () => import('../pages/SubmitApplicationPage/SubmitApplicationStepOnePage'),
+const SubmitApplicationPage = lazy(
+  () => import('../pages/SubmitApplicationPage/SubmitApplicationPage'),
 )
-const SubmitApplicationStepTwoPage = lazy(
-  () => import('../pages/SubmitApplicationPage/SubmitApplicationStepTwoPage'),
-)
-const ManageTopicPage = lazy(() => import('../pages/ManageTopicsPage/ManageTopicsPage'))
+const ManageTopicsPage = lazy(() => import('../pages/ManageTopicsPage/ManageTopicsPage'))
 const TopicPage = lazy(() => import('../pages/TopicPage/TopicPage'))
 const ReviewApplicationPage = lazy(
   () => import('../pages/ReviewApplicationPage/ReviewApplicationPage'),
@@ -50,18 +47,10 @@ const AppRoutes = () => {
             }
           />
           <Route
-            path='/submit-application/pick-topic'
-            element={
-              <AuthenticatedArea>
-                <SubmitApplicationStepOnePage />
-              </AuthenticatedArea>
-            }
-          />
-          <Route
-            path='/submit-application/apply/:topic_id?'
+            path='/submit-application/:topicId?'
             element={
               <AuthenticatedArea>
-                <SubmitApplicationStepTwoPage />
+                <SubmitApplicationPage />
               </AuthenticatedArea>
             }
           />
@@ -69,7 +58,7 @@ const AppRoutes = () => {
             path='/topics'
             element={
               <AuthenticatedArea requiredGroups={['admin', 'advisor', 'supervisor']}>
-                <ManageTopicPage />
+                <ManageTopicsPage />
               </AuthenticatedArea>
             }
           />
diff --git a/client/src/app/layout/AuthenticatedArea/AuthenticatedArea.tsx b/client/src/app/layout/AuthenticatedArea/AuthenticatedArea.tsx
index 2463172e..35bc37d5 100644
--- a/client/src/app/layout/AuthenticatedArea/AuthenticatedArea.tsx
+++ b/client/src/app/layout/AuthenticatedArea/AuthenticatedArea.tsx
@@ -21,6 +21,8 @@ import {
   SignOut,
   Sun,
   FolderSimplePlus,
+  User,
+  PaperPlaneTilt,
 } from 'phosphor-react'
 import { useIsSmallerBreakpoint } from '../../../hooks/theme'
 import { useAuthenticationContext } from '../../../hooks/authentication'
@@ -42,6 +44,12 @@ const links: Array<{
   groups: string[] | undefined
 }> = [
   { link: '/dashboard', label: 'Dashboard', icon: NewspaperClipping, groups: undefined },
+  {
+    link: '/submit-application',
+    label: 'Submit Application',
+    icon: PaperPlaneTilt,
+    groups: undefined,
+  },
   {
     link: '/applications',
     label: 'Review Applications',
@@ -159,14 +167,14 @@ const AuthenticatedArea = (props: PropsWithChildren<IAuthenticatedAreaProps>) =>
             ))}
         </AppShell.Section>
         <AppShell.Section>
-          {/*<Link
+          <Link
             to='/settings/my-information'
             className={classes.link}
             data-active={location.pathname.startsWith('/settings/my-information') || undefined}
           >
             <User className={classes.linkIcon} size={32} />
             <span>My Information</span>
-          </Link>*/}
+          </Link>
           <Link to='/logout' className={classes.link}>
             <SignOut className={classes.linkIcon} size={32} />
             <span>Logout</span>
diff --git a/client/src/components/ApplicationData/ApplicationData.tsx b/client/src/components/ApplicationData/ApplicationData.tsx
index b1ff49d1..ffdc3ca1 100644
--- a/client/src/components/ApplicationData/ApplicationData.tsx
+++ b/client/src/components/ApplicationData/ApplicationData.tsx
@@ -1,5 +1,5 @@
 import { IApplication } from '../../requests/responses/application'
-import { Stack, Group, Divider, Grid, Title, Badge } from '@mantine/core'
+import { Stack, Group, Divider, Grid, Title, Badge, Accordion } from '@mantine/core'
 import AuthenticatedFilePreview from '../AuthenticatedFilePreview/AuthenticatedFilePreview'
 import React, { ReactNode } from 'react'
 import { GLOBAL_CONFIG } from '../../config/global'
@@ -8,6 +8,7 @@ import { formatApplicationState, formatDate, formatUser } from '../../utils/form
 import LabeledItem from '../LabeledItem/LabeledItem'
 import DocumentEditor from '../DocumentEditor/DocumentEditor'
 import { ApplicationStateColor } from '../../config/colors'
+import TopicAccordionItem from '../TopicAccordionItem/TopicAccordionItem'
 
 interface IApplicationDataProps {
   application: IApplication
@@ -28,10 +29,13 @@ const ApplicationData = (props: IApplicationDataProps) => {
             </Title>
             {rightTitleSection}
           </Group>
-          <LabeledItem
-            label='Thesis Title'
-            value={application.topic?.title || application.thesisTitle}
-          />
+          {application.topic ? (
+            <Accordion variant='separated'>
+              <TopicAccordionItem topic={application.topic} />
+            </Accordion>
+          ) : (
+            <LabeledItem label='Thesis Title' value={application.thesisTitle} />
+          )}
           <LabeledItem
             label='Motivation'
             value={<DocumentEditor value={application.motivation} />}
diff --git a/client/src/components/ApplicationsTable/ApplicationsTable.tsx b/client/src/components/ApplicationsTable/ApplicationsTable.tsx
index 1e137574..d33ae154 100644
--- a/client/src/components/ApplicationsTable/ApplicationsTable.tsx
+++ b/client/src/components/ApplicationsTable/ApplicationsTable.tsx
@@ -47,6 +47,7 @@ const ApplicationsTable = (props: IApplicationsTableProps) => {
       title: 'Suggested Title',
       ellipsis: true,
       width: 300,
+      render: (application) => application.thesisTitle || application.topic?.title,
     },
     reviewed_at: {
       accessor: 'reviewedAt',
diff --git a/client/src/components/AuthenticatedFilePreview/AuthenticatedFilePreview.tsx b/client/src/components/AuthenticatedFilePreview/AuthenticatedFilePreview.tsx
index 20f1037b..2c88c558 100644
--- a/client/src/components/AuthenticatedFilePreview/AuthenticatedFilePreview.tsx
+++ b/client/src/components/AuthenticatedFilePreview/AuthenticatedFilePreview.tsx
@@ -1,9 +1,7 @@
-import { useEffect, useMemo, useState } from 'react'
-import { doRequest } from '../../requests/request'
+import { useMemo, useState } from 'react'
 import { Button, Space, Stack, Text } from '@mantine/core'
-import { downloadPdf } from '../../utils/blob'
-import { showSimpleError } from '../../utils/notification'
-import { getApiResponseErrorMessage } from '../../requests/handler'
+import { downloadFile } from '../../utils/blob'
+import { useApiFile } from '../../hooks/fetcher'
 
 interface IAuthenticatedIframeProps {
   url: string
@@ -16,27 +14,9 @@ interface IAuthenticatedIframeProps {
 const AuthenticatedFilePreview = (props: IAuthenticatedIframeProps) => {
   const { url, filename, allowDownload = true, title, height } = props
 
-  const [file, setFile] = useState<Blob>()
+  const [file, setFile] = useState<File>()
 
-  useEffect(() => {
-    setFile(undefined)
-
-    return doRequest<Blob>(
-      url,
-      {
-        method: 'GET',
-        requiresAuth: true,
-        responseType: 'blob',
-      },
-      (res) => {
-        if (res.ok) {
-          setFile(res.data)
-        } else {
-          showSimpleError(getApiResponseErrorMessage(res))
-        }
-      },
-    )
-  }, [url])
+  useApiFile(url, filename, setFile)
 
   const iframeUrl = useMemo(() => {
     return file ? `${URL.createObjectURL(file)}#toolbar=0&navpanes=0` : undefined
@@ -49,7 +29,7 @@ const AuthenticatedFilePreview = (props: IAuthenticatedIframeProps) => {
       {allowDownload && (
         <>
           <Space mb='md' />
-          <Button variant='outline' mx='auto' onClick={() => file && downloadPdf(file, filename)}>
+          <Button variant='outline' mx='auto' onClick={() => file && downloadFile(file)}>
             Download
           </Button>
         </>
diff --git a/client/src/components/TopicAccordionItem/TopicAccordionItem.tsx b/client/src/components/TopicAccordionItem/TopicAccordionItem.tsx
new file mode 100644
index 00000000..7ed659a9
--- /dev/null
+++ b/client/src/components/TopicAccordionItem/TopicAccordionItem.tsx
@@ -0,0 +1,24 @@
+import { Accordion } from '@mantine/core'
+import TopicData from '../TopicData/TopicData'
+import React, { PropsWithChildren } from 'react'
+import { ITopic } from '../../requests/responses/topic'
+
+interface ITopicAccordionItemProps {
+  topic: ITopic
+}
+
+const TopicAccordionItem = (props: PropsWithChildren<ITopicAccordionItemProps>) => {
+  const { topic, children } = props
+
+  return (
+    <Accordion.Item key={topic.topicId} value={topic.topicId}>
+      <Accordion.Control>{topic.title}</Accordion.Control>
+      <Accordion.Panel>
+        <TopicData topic={topic} />
+        {children}
+      </Accordion.Panel>
+    </Accordion.Item>
+  )
+}
+
+export default TopicAccordionItem
diff --git a/client/src/components/TopicData/TopicData.tsx b/client/src/components/TopicData/TopicData.tsx
new file mode 100644
index 00000000..8a31cbcc
--- /dev/null
+++ b/client/src/components/TopicData/TopicData.tsx
@@ -0,0 +1,55 @@
+import { ITopic } from '../../requests/responses/topic'
+import { Grid, Stack } from '@mantine/core'
+import LabeledItem from '../LabeledItem/LabeledItem'
+import { formatDate, formatUser } from '../../utils/format'
+import { GLOBAL_CONFIG } from '../../config/global'
+import DocumentEditor from '../DocumentEditor/DocumentEditor'
+import React from 'react'
+
+interface ITopicDataProps {
+  topic: ITopic
+}
+
+const TopicData = (props: ITopicDataProps) => {
+  const { topic } = props
+
+  return (
+    <Stack gap='md'>
+      <Grid>
+        <Grid.Col span={{ md: 3 }}>
+          <LabeledItem
+            label='Supervisor'
+            value={topic.supervisors
+              .map((user) => formatUser(user, { withUniversityId: false }))
+              .join(', ')}
+          />
+        </Grid.Col>
+        <Grid.Col span={{ md: 3 }}>
+          <LabeledItem
+            label='Advisor'
+            value={topic.advisors
+              .map((user) => formatUser(user, { withUniversityId: false }))
+              .join(', ')}
+          />
+        </Grid.Col>
+        <Grid.Col span={{ md: 3 }}>
+          <LabeledItem
+            label='Type'
+            value={topic.type ? (GLOBAL_CONFIG.thesis_types[topic.type] ?? topic.type) : 'Any'}
+          />
+        </Grid.Col>
+        <Grid.Col span={{ md: 3 }}>
+          <LabeledItem
+            label='Published At'
+            value={formatDate(topic.createdAt, { withTime: false })}
+          />
+        </Grid.Col>
+      </Grid>
+      <DocumentEditor label='Problem Statement' value={topic.problemStatement} />
+      {topic.goals && <DocumentEditor label='Goals' value={topic.goals} />}
+      {topic.references && <DocumentEditor label='References' value={topic.references} />}
+    </Stack>
+  )
+}
+
+export default TopicData
diff --git a/client/src/components/TopicsTable/TopicsTable.tsx b/client/src/components/TopicsTable/TopicsTable.tsx
index dc88339e..d6fa604d 100644
--- a/client/src/components/TopicsTable/TopicsTable.tsx
+++ b/client/src/components/TopicsTable/TopicsTable.tsx
@@ -1,4 +1,3 @@
-import React, { ReactNode } from 'react'
 import { useAutoAnimate } from '@formkit/auto-animate/react'
 import { DataTable, DataTableColumn } from 'mantine-datatable'
 import { formatDate, formatUser } from '../../utils/format'
@@ -7,15 +6,15 @@ import { ITopic } from '../../requests/responses/topic'
 import { useNavigate } from 'react-router-dom'
 import { Badge } from '@mantine/core'
 
-type TopicColumn = 'title' | 'advisor' | 'supervisor' | 'actions' | 'state' | 'createdAt'
+type TopicColumn = 'title' | 'advisor' | 'supervisor' | 'state' | 'createdAt' | string
 
 interface ITopicsTableProps {
   columns?: TopicColumn[]
-  actions?: (topic: ITopic) => ReactNode
+  extraColumns?: Record<string, DataTableColumn<ITopic>>
 }
 
 const TopicsTable = (props: ITopicsTableProps) => {
-  const { actions, columns = ['title', 'supervisor', 'advisor'] } = props
+  const { extraColumns, columns = ['title', 'supervisor', 'advisor'] } = props
 
   const navigate = useNavigate()
   const [bodyRef] = useAutoAnimate<HTMLTableSectionElement>()
@@ -35,31 +34,25 @@ const TopicsTable = (props: ITopicsTableProps) => {
       accessor: 'title',
       title: 'Title',
       ellipsis: true,
-      width: 300,
+      width: 350,
     },
     supervisor: {
       accessor: 'supervisor',
       title: 'Supervisor',
-      render: (topic) => topic.supervisors.map((user) => formatUser(user)).join(', '),
+      render: (topic) =>
+        topic.supervisors.map((user) => formatUser(user, { withUniversityId: false })).join(', '),
     },
     advisor: {
       accessor: 'advisor',
       title: 'Advisor',
-      render: (topic) => topic.advisors.map((user) => formatUser(user)).join(', '),
+      render: (topic) =>
+        topic.advisors.map((user) => formatUser(user, { withUniversityId: false })).join(', '),
     },
     createdAt: {
       accessor: 'createdAt',
       title: 'Created At',
       render: (record) => formatDate(record.createdAt),
     },
-    actions: {
-      accessor: 'actions',
-      title: 'Actions',
-      textAlign: 'center',
-      noWrap: true,
-      width: 120,
-      render: (topic) => actions?.(topic),
-    },
   }
 
   return (
@@ -79,7 +72,7 @@ const TopicsTable = (props: ITopicsTableProps) => {
       bodyRef={bodyRef}
       records={topics?.content}
       idAccessor='topicId'
-      columns={columns.map((column) => columnConfig[column])}
+      columns={columns.map((column) => columnConfig[column] || extraColumns?.[column])}
       onRowClick={({ record }) => navigate(`/topics/${record.topicId}`)}
     />
   )
diff --git a/client/src/components/UploadArea/UploadArea.tsx b/client/src/components/UploadArea/UploadArea.tsx
index b80b5294..f7698a1a 100644
--- a/client/src/components/UploadArea/UploadArea.tsx
+++ b/client/src/components/UploadArea/UploadArea.tsx
@@ -1,8 +1,9 @@
 import {
   ActionIcon,
   Card,
+  Center,
   Group,
-  InputLabel,
+  Input,
   rem,
   Stack,
   Text,
@@ -11,6 +12,7 @@ import {
 import { ImageSquare, UploadSimple, X } from 'phosphor-react'
 import { Dropzone, PDF_MIME_TYPE } from '@mantine/dropzone'
 import { showSimpleError } from '../../utils/notification'
+import { useMemo } from 'react'
 
 interface IUploadAreaProps {
   value: File | undefined
@@ -25,28 +27,34 @@ const UploadArea = (props: IUploadAreaProps) => {
 
   const theme = useMantineTheme()
 
+  const iframeUrl = useMemo(() => {
+    return value ? `${URL.createObjectURL(value)}#toolbar=0&navpanes=0` : undefined
+  }, [value])
+
   return (
-    <Stack gap='0'>
-      {label && (
-        <Group align='left'>
-          <InputLabel required={required}>{label}</InputLabel>
-        </Group>
-      )}
+    <Input.Wrapper label={label} required={required}>
       {value ? (
         <Card shadow='sm' withBorder>
-          <Group align='apart'>
-            <Text c='dimmed' fz='sm'>
-              {value.name}
-            </Text>
-            <ActionIcon onClick={() => onChange(undefined)}>
-              <X />
-            </ActionIcon>
-          </Group>
+          <Center>
+            <Stack>
+              <iframe style={{ border: 0 }} height={400} src={iframeUrl} />
+              <ActionIcon
+                mx='auto'
+                onClick={() => {
+                  onChange(undefined)
+                }}
+              >
+                <X />
+              </ActionIcon>
+            </Stack>
+          </Center>
         </Card>
       ) : (
         <Dropzone
           name={label}
-          onDrop={(files) => onChange(files[0])}
+          onDrop={(files) => {
+            onChange(files[0])
+          }}
           onReject={() => {
             showSimpleError(`Failed upload file. Max file size is ${Math.floor(maxSize / 1024)}MB`)
           }}
@@ -63,7 +71,6 @@ const UploadArea = (props: IUploadAreaProps) => {
             <Dropzone.Idle>
               <ImageSquare size='3.2rem' />
             </Dropzone.Idle>
-
             <Stack>
               <Text size='xl' inline>
                 Drag the file here or click to select file
@@ -75,7 +82,7 @@ const UploadArea = (props: IUploadAreaProps) => {
           </Group>
         </Dropzone>
       )}
-    </Stack>
+    </Input.Wrapper>
   )
 }
 
diff --git a/client/src/components/UserInformationForm/UserInformationForm.tsx b/client/src/components/UserInformationForm/UserInformationForm.tsx
new file mode 100644
index 00000000..fbaa08de
--- /dev/null
+++ b/client/src/components/UserInformationForm/UserInformationForm.tsx
@@ -0,0 +1,338 @@
+import { isEmail, isNotEmpty, useForm } from '@mantine/form'
+import { IUpdateUserInformationPayload } from '../../requests/payloads/user'
+import { Button, Checkbox, Group, Select, Stack, TextInput } from '@mantine/core'
+import { useAuthenticationContext, useLoggedInUser } from '../../hooks/authentication'
+import { GLOBAL_CONFIG } from '../../config/global'
+import { AVAILABLE_COUNTRIES } from '../../config/countries'
+import { DatePickerInput } from '@mantine/dates'
+import { Calendar } from 'phosphor-react'
+import UploadArea from '../UploadArea/UploadArea'
+import { DeclarationOfDataConsent } from '../DeclarationOfDataConsent/DeclarationOfDataConsent'
+import { useEffect, useState } from 'react'
+import DocumentEditor from '../DocumentEditor/DocumentEditor'
+import { useApiFile } from '../../hooks/fetcher'
+import { showSimpleError } from '../../utils/notification'
+
+interface IUserInformationFormProps {
+  requireCompletion: boolean
+  onComplete?: () => unknown
+}
+
+const UserInformationForm = (props: IUserInformationFormProps) => {
+  const { requireCompletion, onComplete } = props
+
+  const { updateInformation } = useAuthenticationContext()
+  const user = useLoggedInUser()
+
+  const form = useForm<
+    IUpdateUserInformationPayload & {
+      declarationOfConsentAccepted: boolean
+      examinationReport: File | undefined
+      cv: File | undefined
+      degreeReport: File | undefined
+    }
+  >({
+    mode: 'controlled',
+    initialValues: {
+      matriculationNumber: '',
+      email: '',
+      firstName: '',
+      lastName: '',
+      gender: '',
+      nationality: '',
+      studyDegree: '',
+      studyProgram: '',
+      enrolledAt: null,
+      specialSkills: '',
+      projects: '',
+      interests: '',
+      isExchangeStudent: false,
+      declarationOfConsentAccepted: false,
+      examinationReport: undefined,
+      cv: undefined,
+      degreeReport: undefined,
+    },
+    validateInputOnBlur: true,
+    validate: {
+      matriculationNumber: requireCompletion
+        ? isNotEmpty('Please state your matriculation number')
+        : undefined,
+      firstName: requireCompletion ? isNotEmpty('Please state your first name') : undefined,
+      lastName: requireCompletion ? isNotEmpty('Please state your last name') : undefined,
+      email: requireCompletion ? isEmail('Invalid email') : undefined,
+      gender: requireCompletion ? isNotEmpty('Please state your gender') : undefined,
+      nationality: requireCompletion ? isNotEmpty('Please state your nationality') : undefined,
+      studyDegree: requireCompletion ? isNotEmpty('Please state your study degree') : undefined,
+      studyProgram: requireCompletion ? isNotEmpty('Please state your study program') : undefined,
+      enrolledAt: requireCompletion ? isNotEmpty('Please state your enrollment date') : undefined,
+      specialSkills: (value) => {
+        if (!value && requireCompletion) {
+          return 'Please state your special skills.'
+        } else if (value && value.length > 1000) {
+          return 'The maximum allowed number of characters is 1000'
+        }
+      },
+      interests: (value) => {
+        if (!value && requireCompletion) {
+          return 'Please state your interests.'
+        } else if (value && value.length > 1000) {
+          return 'The maximum allowed number of characters is 1000'
+        }
+      },
+      projects: (value) => {
+        if (!value && requireCompletion) {
+          return 'Please state your projects.'
+        } else if (value && value.length > 1000) {
+          return 'The maximum allowed number of characters is 1000'
+        }
+      },
+      declarationOfConsentAccepted: (value) => !value,
+      examinationReport: (value) => {
+        if (!value && requireCompletion) {
+          return 'Please upload your examination report'
+        } else if (value && value.size > 1024 * 1024) {
+          return 'The examination report should not exceed 1mb'
+        }
+      },
+      cv: (value) => {
+        if (!value && requireCompletion) {
+          return 'Please upload your CV.'
+        } else if (value && value.size > 1024 * 1024) {
+          return 'The CV should not exceed 1mb'
+        }
+      },
+      degreeReport: (value) => {
+        if (value && value.size > 1024 * 1024) {
+          return 'The bachelor report should not exceed 1mb'
+        }
+      },
+    },
+  })
+
+  const [loading, setLoading] = useState(false)
+
+  useEffect(() => {
+    form.setValues({
+      isExchangeStudent: user?.isExchangeStudent ?? false,
+      email: user?.email || undefined,
+      matriculationNumber: user?.matriculationNumber || undefined,
+      firstName: user?.firstName || undefined,
+      lastName: user?.lastName || undefined,
+      gender: user?.gender || undefined,
+      nationality: user?.nationality || undefined,
+      studyDegree: user?.studyDegree || undefined,
+      studyProgram: user?.studyProgram || undefined,
+      enrolledAt: user?.enrolledAt ? new Date(user.enrolledAt) : undefined,
+      specialSkills: user?.specialSkills || undefined,
+      interests: user?.interests || undefined,
+      projects: user?.projects || undefined,
+    })
+  }, [user])
+
+  useApiFile(
+    user.hasCv ? `/v2/users/${user.userId}/cv` : undefined,
+    `cv-${user.userId}.pdf`,
+    (file) => form.setFieldValue('cv', file),
+  )
+  useApiFile(
+    user.hasExaminationReport ? `/v2/users/${user.userId}/examination-report` : undefined,
+    `examination-report-${user.userId}.pdf`,
+    (file) => form.setFieldValue('examinationReport', file),
+  )
+  useApiFile(
+    user.hasDegreeReport ? `/v2/users/${user.userId}/degree-report` : undefined,
+    `degree-report-${user.userId}.pdf`,
+    (file) => form.setFieldValue('degreeReport', file),
+  )
+
+  return (
+    <form
+      onSubmit={form.onSubmit(async (values) => {
+        setLoading(true)
+
+        try {
+          await updateInformation(
+            {
+              matriculationNumber: values.matriculationNumber || null,
+              isExchangeStudent: values.isExchangeStudent ?? false,
+              firstName: values.firstName || null,
+              lastName: values.lastName || null,
+              gender: values.gender || null,
+              nationality: values.nationality || null,
+              email: values.email || null,
+              studyDegree: values.studyDegree || null,
+              studyProgram: values.studyProgram || null,
+              enrolledAt: values.enrolledAt || null,
+              specialSkills: values.specialSkills || null,
+              interests: values.interests || null,
+              projects: values.projects || null,
+            },
+            values.examinationReport,
+            values.cv,
+            values.degreeReport,
+          )
+            .then(onComplete)
+            .catch((e) => {
+              if (e instanceof Error) {
+                showSimpleError(e.message)
+              }
+            })
+        } finally {
+          setLoading(false)
+        }
+      })}
+    >
+      <Stack gap='md'>
+        <Group grow align='flex-start'>
+          <TextInput
+            type='email'
+            required={requireCompletion}
+            placeholder='your@email.com'
+            label='Email'
+            {...form.getInputProps('email')}
+          />
+          <TextInput
+            type='text'
+            required={requireCompletion}
+            placeholder='Matriculation Number'
+            label='Matriculation Number'
+            {...form.getInputProps('matriculationNumber')}
+          />
+        </Group>
+        <Group grow align='flex-start'>
+          <TextInput
+            type='text'
+            required={requireCompletion}
+            placeholder='First Name'
+            label='First Name'
+            {...form.getInputProps('firstName')}
+          />
+          <TextInput
+            type='text'
+            required={requireCompletion}
+            placeholder='Last Name'
+            label='Last Name'
+            {...form.getInputProps('lastName')}
+          />
+        </Group>
+        <Group grow align='flex-start'>
+          <Select
+            label='Gender'
+            placeholder='Gender'
+            data={Object.keys(GLOBAL_CONFIG.genders).map((key) => {
+              return {
+                label: GLOBAL_CONFIG.genders[key],
+                value: key,
+              }
+            })}
+            required={requireCompletion}
+            searchable={true}
+            {...form.getInputProps('gender')}
+          />
+          <Select
+            label='Nationality'
+            placeholder='Nationality'
+            data={Object.entries(AVAILABLE_COUNTRIES).map(([key, value]) => {
+              return {
+                label: value,
+                value: key,
+              }
+            })}
+            required={requireCompletion}
+            searchable={true}
+            {...form.getInputProps('nationality')}
+          />
+        </Group>
+        <Group grow align='flex-start'>
+          <Select
+            label='Study Degree'
+            placeholder='Study Degree'
+            data={Object.keys(GLOBAL_CONFIG.study_degrees).map((key) => {
+              return {
+                label: GLOBAL_CONFIG.study_degrees[key],
+                value: key,
+              }
+            })}
+            required={requireCompletion}
+            searchable={true}
+            {...form.getInputProps('studyDegree')}
+          />
+          <Select
+            label='Study Program'
+            placeholder='Study Program'
+            data={Object.keys(GLOBAL_CONFIG.study_programs).map((key) => {
+              return {
+                label: GLOBAL_CONFIG.study_programs[key],
+                value: key,
+              }
+            })}
+            required={requireCompletion}
+            searchable={true}
+            {...form.getInputProps('studyProgram')}
+          />
+          <DatePickerInput
+            leftSection={<Calendar />}
+            required={requireCompletion}
+            label='Enrollment Date'
+            {...form.getInputProps('enrolledAt')}
+          />
+        </Group>
+        <DocumentEditor
+          label='Special Skills (Programming languages, certificates, etc.)'
+          maxLength={500}
+          required={requireCompletion}
+          editMode={true}
+          {...form.getInputProps('specialSkills')}
+        />
+        <DocumentEditor
+          label='Interests (What are you interested in?)'
+          maxLength={500}
+          required={requireCompletion}
+          editMode={true}
+          {...form.getInputProps('interests')}
+        />
+        <DocumentEditor
+          label='Projects (What projects have you worked on?)'
+          maxLength={500}
+          required={requireCompletion}
+          editMode={true}
+          {...form.getInputProps('projects')}
+        />
+        <UploadArea
+          label='Examination Report'
+          required={requireCompletion}
+          value={form.values.examinationReport}
+          onChange={(file) => form.setValues({ examinationReport: file })}
+        />
+        <UploadArea
+          label='CV'
+          required={requireCompletion}
+          value={form.values.cv}
+          onChange={(file) => form.setValues({ cv: file })}
+        />
+        <UploadArea
+          label='Bachelor Report'
+          value={form.values.degreeReport}
+          onChange={(file) => form.setValues({ degreeReport: file })}
+        />
+        <Checkbox
+          mt='md'
+          label={
+            <>
+              I have read the <DeclarationOfDataConsent text='declaration of consent' /> and agree
+              to the processing of my data.
+            </>
+          }
+          {...form.getInputProps('declarationOfConsentAccepted', { type: 'checkbox' })}
+        />
+        <Group>
+          <Button type='submit' ml='auto' disabled={!form.isValid()} loading={loading}>
+            Update Information
+          </Button>
+        </Group>
+      </Stack>
+    </form>
+  )
+}
+
+export default UserInformationForm
diff --git a/client/src/contexts/AuthenticationContext/AuthenticationProvider.tsx b/client/src/contexts/AuthenticationContext/AuthenticationProvider.tsx
index a844235a..0192d76d 100644
--- a/client/src/contexts/AuthenticationContext/AuthenticationProvider.tsx
+++ b/client/src/contexts/AuthenticationContext/AuthenticationProvider.tsx
@@ -13,7 +13,7 @@ import { useSignal } from '../../hooks/utility'
 import { IUser } from '../../requests/responses/user'
 import { doRequest } from '../../requests/request'
 import { showSimpleError } from '../../utils/notification'
-import { getApiResponseErrorMessage } from '../../requests/handler'
+import { ApiError, getApiResponseErrorMessage } from '../../requests/handler'
 
 export const keycloak = new Keycloak({
   realm: GLOBAL_CONFIG.keycloak.realm,
@@ -172,6 +172,35 @@ const AuthenticationProvider = (props: PropsWithChildren) => {
       isAuthenticated: !!authenticationTokens?.access_token,
       user: authenticationTokens?.access_token ? user : undefined,
       groups: [],
+      updateInformation: async (data, examinationReport, cv, degreeReport) => {
+        const formData = new FormData()
+
+        formData.append('data', new Blob([JSON.stringify(data)], { type: 'application/json' }))
+
+        if (examinationReport) {
+          formData.append('examinationReport', examinationReport!)
+        }
+
+        if (cv) {
+          formData.append('cv', cv)
+        }
+
+        if (degreeReport) {
+          formData.append('degreeReport', degreeReport)
+        }
+
+        const response = await doRequest<IUser>('/v2/user-info', {
+          method: 'PUT',
+          requiresAuth: true,
+          formData,
+        })
+
+        if (response.ok) {
+          setUser(response.data)
+        } else {
+          throw new ApiError(response)
+        }
+      },
       login: () =>
         readySignal.then(() => {
           if (!keycloak.authenticated) {
diff --git a/client/src/contexts/AuthenticationContext/context.ts b/client/src/contexts/AuthenticationContext/context.ts
index 142b58da..8e545e4c 100644
--- a/client/src/contexts/AuthenticationContext/context.ts
+++ b/client/src/contexts/AuthenticationContext/context.ts
@@ -1,11 +1,19 @@
 import { createContext } from 'react'
 import { JwtPayload } from 'jwt-decode'
 import { IUser } from '../../requests/responses/user'
+import { IUpdateUserInformationPayload } from '../../requests/payloads/user'
+import { PartialNull } from '../../utils/validation'
 
 export interface IAuthenticationContext {
   isAuthenticated: boolean
   user: IUser | undefined
   groups: string[]
+  updateInformation: (
+    data: PartialNull<IUpdateUserInformationPayload>,
+    examinationReport: File | undefined,
+    cv: File | undefined,
+    degreeReport: File | undefined,
+  ) => Promise<unknown>
   login: () => unknown
   logout: (redirectUrl: string) => unknown
 }
diff --git a/client/src/hooks/fetcher.ts b/client/src/hooks/fetcher.ts
index 8a5490fb..56cc8ba2 100644
--- a/client/src/hooks/fetcher.ts
+++ b/client/src/hooks/fetcher.ts
@@ -9,22 +9,24 @@ export function useThesis(thesisId: string | undefined) {
   const [thesis, setThesis] = useState<IThesis | false>()
 
   useEffect(() => {
-    setThesis(undefined)
-
-    return doRequest<IThesis>(
-      `/v2/theses/${thesisId}`,
-      {
-        method: 'GET',
-        requiresAuth: true,
-      },
-      (res) => {
-        if (!res.ok) {
-          showSimpleError(getApiResponseErrorMessage(res))
-        }
-
-        setThesis(res.ok ? res.data : false)
-      },
-    )
+    setThesis(thesisId ? undefined : false)
+
+    if (thesisId) {
+      return doRequest<IThesis>(
+        `/v2/theses/${thesisId}`,
+        {
+          method: 'GET',
+          requiresAuth: true,
+        },
+        (res) => {
+          if (!res.ok) {
+            showSimpleError(getApiResponseErrorMessage(res))
+          }
+
+          setThesis(res.ok ? res.data : false)
+        },
+      )
+    }
   }, [thesisId])
 
   return thesis
@@ -34,23 +36,53 @@ export function useTopic(topicId: string | undefined) {
   const [topic, setTopic] = useState<ITopic | false>()
 
   useEffect(() => {
-    setTopic(undefined)
-
-    return doRequest<ITopic>(
-      `/v2/topics/${topicId}`,
-      {
-        method: 'GET',
-        requiresAuth: false,
-      },
-      (res) => {
-        if (!res.ok) {
-          showSimpleError(getApiResponseErrorMessage(res))
-        }
-
-        setTopic(res.ok ? res.data : false)
-      },
-    )
+    setTopic(topicId ? undefined : false)
+
+    if (topicId) {
+      return doRequest<ITopic>(
+        `/v2/topics/${topicId}`,
+        {
+          method: 'GET',
+          requiresAuth: false,
+        },
+        (res) => {
+          if (!res.ok) {
+            showSimpleError(getApiResponseErrorMessage(res))
+          }
+
+          setTopic(res.ok ? res.data : false)
+        },
+      )
+    }
   }, [topicId])
 
   return topic
 }
+
+export function useApiFile(
+  url: string | undefined,
+  filename: string,
+  onLoad: (data: File | undefined) => unknown,
+) {
+  useEffect(() => {
+    onLoad(undefined)
+
+    if (url) {
+      return doRequest<Blob>(
+        url,
+        {
+          method: 'GET',
+          requiresAuth: true,
+          responseType: 'blob',
+        },
+        (response) => {
+          if (response.ok) {
+            onLoad(new File([response.data], filename, { type: 'application/pdf' }))
+          } else {
+            showSimpleError(getApiResponseErrorMessage(response))
+          }
+        },
+      )
+    }
+  }, [url, filename])
+}
diff --git a/client/src/pages/LandingPage/LandingPage.tsx b/client/src/pages/LandingPage/LandingPage.tsx
index 2130bf1e..0aafffd7 100644
--- a/client/src/pages/LandingPage/LandingPage.tsx
+++ b/client/src/pages/LandingPage/LandingPage.tsx
@@ -1,15 +1,56 @@
-import { useNavigate } from 'react-router-dom'
-import { useEffect } from 'react'
+import HeroSection from './components/HeroSection/HeroSection'
+import TopicsProvider from '../../contexts/TopicsProvider/TopicsProvider'
+import TopicsTable from '../../components/TopicsTable/TopicsTable'
+import ContentContainer from '../../app/layout/ContentContainer/ContentContainer'
+import { Button, Group, Space, Title } from '@mantine/core'
+import React from 'react'
+import { Link } from 'react-router-dom'
+import PublishedTheses from './components/PublishedTheses/PublishedTheses'
 
 const LandingPage = () => {
-  // TODO: implement component
-  const navigate = useNavigate()
-
-  useEffect(() => {
-    navigate('/applications/thesis', { replace: true })
-  }, [])
-
-  return <></>
+  return (
+    <>
+      <HeroSection />
+      <ContentContainer>
+        <TopicsProvider limit={10}>
+          <Title order={2} mb='sm'>
+            Open Topics
+          </Title>
+          <TopicsTable
+            columns={['title', 'supervisor', 'advisor', 'actions']}
+            extraColumns={{
+              actions: {
+                accessor: 'actions',
+                title: 'Actions',
+                textAlign: 'center',
+                noWrap: true,
+                width: 120,
+                render: (topic) => (
+                  <Group
+                    preventGrowOverflow={false}
+                    justify='center'
+                    onClick={(e) => e.stopPropagation()}
+                  >
+                    {!topic.closedAt && (
+                      <Button
+                        component={Link}
+                        to={`/submit-application/${topic.topicId}`}
+                        size='xs'
+                      >
+                        Apply
+                      </Button>
+                    )}
+                  </Group>
+                ),
+              },
+            }}
+          />
+        </TopicsProvider>
+        <Space my='md' />
+        <PublishedTheses />
+      </ContentContainer>
+    </>
+  )
 }
 
 export default LandingPage
diff --git a/client/src/pages/LandingPage/components/HeroDots/HeroDots.tsx b/client/src/pages/LandingPage/components/HeroDots/HeroDots.tsx
new file mode 100644
index 00000000..1dc701c1
--- /dev/null
+++ b/client/src/pages/LandingPage/components/HeroDots/HeroDots.tsx
@@ -0,0 +1,123 @@
+import { ComponentPropsWithoutRef } from 'react'
+
+export interface IHeroDotsProps extends ComponentPropsWithoutRef<'svg'> {
+  size?: number
+  radius?: number
+}
+
+export function HeroDots(props: IHeroDotsProps) {
+  const { size = 185, radius = 2.5, ...others } = props
+
+  return (
+    <svg
+      aria-hidden
+      xmlns='http://www.w3.org/2000/svg'
+      fill='currentColor'
+      viewBox='0 0 185 185'
+      width={size}
+      height={size}
+      {...others}
+    >
+      <rect width='5' height='5' rx={radius} />
+      <rect width='5' height='5' x='60' rx={radius} />
+      <rect width='5' height='5' x='120' rx={radius} />
+      <rect width='5' height='5' x='20' rx={radius} />
+      <rect width='5' height='5' x='80' rx={radius} />
+      <rect width='5' height='5' x='140' rx={radius} />
+      <rect width='5' height='5' x='40' rx={radius} />
+      <rect width='5' height='5' x='100' rx={radius} />
+      <rect width='5' height='5' x='160' rx={radius} />
+      <rect width='5' height='5' x='180' rx={radius} />
+      <rect width='5' height='5' y='20' rx={radius} />
+      <rect width='5' height='5' x='60' y='20' rx={radius} />
+      <rect width='5' height='5' x='120' y='20' rx={radius} />
+      <rect width='5' height='5' x='20' y='20' rx={radius} />
+      <rect width='5' height='5' x='80' y='20' rx={radius} />
+      <rect width='5' height='5' x='140' y='20' rx={radius} />
+      <rect width='5' height='5' x='40' y='20' rx={radius} />
+      <rect width='5' height='5' x='100' y='20' rx={radius} />
+      <rect width='5' height='5' x='160' y='20' rx={radius} />
+      <rect width='5' height='5' x='180' y='20' rx={radius} />
+      <rect width='5' height='5' y='40' rx={radius} />
+      <rect width='5' height='5' x='60' y='40' rx={radius} />
+      <rect width='5' height='5' x='120' y='40' rx={radius} />
+      <rect width='5' height='5' x='20' y='40' rx={radius} />
+      <rect width='5' height='5' x='80' y='40' rx={radius} />
+      <rect width='5' height='5' x='140' y='40' rx={radius} />
+      <rect width='5' height='5' x='40' y='40' rx={radius} />
+      <rect width='5' height='5' x='100' y='40' rx={radius} />
+      <rect width='5' height='5' x='160' y='40' rx={radius} />
+      <rect width='5' height='5' x='180' y='40' rx={radius} />
+      <rect width='5' height='5' y='60' rx={radius} />
+      <rect width='5' height='5' x='60' y='60' rx={radius} />
+      <rect width='5' height='5' x='120' y='60' rx={radius} />
+      <rect width='5' height='5' x='20' y='60' rx={radius} />
+      <rect width='5' height='5' x='80' y='60' rx={radius} />
+      <rect width='5' height='5' x='140' y='60' rx={radius} />
+      <rect width='5' height='5' x='40' y='60' rx={radius} />
+      <rect width='5' height='5' x='100' y='60' rx={radius} />
+      <rect width='5' height='5' x='160' y='60' rx={radius} />
+      <rect width='5' height='5' x='180' y='60' rx={radius} />
+      <rect width='5' height='5' y='80' rx={radius} />
+      <rect width='5' height='5' x='60' y='80' rx={radius} />
+      <rect width='5' height='5' x='120' y='80' rx={radius} />
+      <rect width='5' height='5' x='20' y='80' rx={radius} />
+      <rect width='5' height='5' x='80' y='80' rx={radius} />
+      <rect width='5' height='5' x='140' y='80' rx={radius} />
+      <rect width='5' height='5' x='40' y='80' rx={radius} />
+      <rect width='5' height='5' x='100' y='80' rx={radius} />
+      <rect width='5' height='5' x='160' y='80' rx={radius} />
+      <rect width='5' height='5' x='180' y='80' rx={radius} />
+      <rect width='5' height='5' y='100' rx={radius} />
+      <rect width='5' height='5' x='60' y='100' rx={radius} />
+      <rect width='5' height='5' x='120' y='100' rx={radius} />
+      <rect width='5' height='5' x='20' y='100' rx={radius} />
+      <rect width='5' height='5' x='80' y='100' rx={radius} />
+      <rect width='5' height='5' x='140' y='100' rx={radius} />
+      <rect width='5' height='5' x='40' y='100' rx={radius} />
+      <rect width='5' height='5' x='100' y='100' rx={radius} />
+      <rect width='5' height='5' x='160' y='100' rx={radius} />
+      <rect width='5' height='5' x='180' y='100' rx={radius} />
+      <rect width='5' height='5' y='120' rx={radius} />
+      <rect width='5' height='5' x='60' y='120' rx={radius} />
+      <rect width='5' height='5' x='120' y='120' rx={radius} />
+      <rect width='5' height='5' x='20' y='120' rx={radius} />
+      <rect width='5' height='5' x='80' y='120' rx={radius} />
+      <rect width='5' height='5' x='140' y='120' rx={radius} />
+      <rect width='5' height='5' x='40' y='120' rx={radius} />
+      <rect width='5' height='5' x='100' y='120' rx={radius} />
+      <rect width='5' height='5' x='160' y='120' rx={radius} />
+      <rect width='5' height='5' x='180' y='120' rx={radius} />
+      <rect width='5' height='5' y='140' rx={radius} />
+      <rect width='5' height='5' x='60' y='140' rx={radius} />
+      <rect width='5' height='5' x='120' y='140' rx={radius} />
+      <rect width='5' height='5' x='20' y='140' rx={radius} />
+      <rect width='5' height='5' x='80' y='140' rx={radius} />
+      <rect width='5' height='5' x='140' y='140' rx={radius} />
+      <rect width='5' height='5' x='40' y='140' rx={radius} />
+      <rect width='5' height='5' x='100' y='140' rx={radius} />
+      <rect width='5' height='5' x='160' y='140' rx={radius} />
+      <rect width='5' height='5' x='180' y='140' rx={radius} />
+      <rect width='5' height='5' y='160' rx={radius} />
+      <rect width='5' height='5' x='60' y='160' rx={radius} />
+      <rect width='5' height='5' x='120' y='160' rx={radius} />
+      <rect width='5' height='5' x='20' y='160' rx={radius} />
+      <rect width='5' height='5' x='80' y='160' rx={radius} />
+      <rect width='5' height='5' x='140' y='160' rx={radius} />
+      <rect width='5' height='5' x='40' y='160' rx={radius} />
+      <rect width='5' height='5' x='100' y='160' rx={radius} />
+      <rect width='5' height='5' x='160' y='160' rx={radius} />
+      <rect width='5' height='5' x='180' y='160' rx={radius} />
+      <rect width='5' height='5' y='180' rx={radius} />
+      <rect width='5' height='5' x='60' y='180' rx={radius} />
+      <rect width='5' height='5' x='120' y='180' rx={radius} />
+      <rect width='5' height='5' x='20' y='180' rx={radius} />
+      <rect width='5' height='5' x='80' y='180' rx={radius} />
+      <rect width='5' height='5' x='140' y='180' rx={radius} />
+      <rect width='5' height='5' x='40' y='180' rx={radius} />
+      <rect width='5' height='5' x='100' y='180' rx={radius} />
+      <rect width='5' height='5' x='160' y='180' rx={radius} />
+      <rect width='5' height='5' x='180' y='180' rx={radius} />
+    </svg>
+  )
+}
diff --git a/client/src/pages/LandingPage/components/HeroSection/HeroSection.module.css b/client/src/pages/LandingPage/components/HeroSection/HeroSection.module.css
new file mode 100644
index 00000000..df0ac03e
--- /dev/null
+++ b/client/src/pages/LandingPage/components/HeroSection/HeroSection.module.css
@@ -0,0 +1,82 @@
+.wrapper {
+    position: relative;
+    padding-top: rem(120px);
+    padding-bottom: rem(80px);
+
+    @media (max-width: $mantine-breakpoint-sm) {
+        padding-top: rem(80px);
+        padding-bottom: rem(60px);
+    }
+}
+
+.inner {
+    position: relative;
+    z-index: 1;
+}
+
+.dots {
+    position: absolute;
+    color: light-dark(var(--mantine-color-gray-1), var(--mantine-color-dark-5));
+
+    @media (max-width: $mantine-breakpoint-sm) {
+        display: none;
+    }
+}
+
+.dotsLeft {
+    left: 0;
+    top: 0;
+}
+
+.title {
+    text-align: center;
+    font-weight: 800;
+    font-size: rem(40px);
+    letter-spacing: -1px;
+    color: light-dark(var(--mantine-color-black), var(--mantine-color-white));
+    margin-bottom: var(--mantine-spacing-xs);
+
+    @media (max-width: $mantine-breakpoint-xs) {
+        font-size: rem(28px);
+        text-align: left;
+    }
+}
+
+.highlight {
+    color: light-dark(var(--mantine-primary-color-6), var(--mantine-primary-color-4));
+}
+
+.description {
+    text-align: center;
+
+    @media (max-width: $mantine-breakpoint-xs) {
+        text-align: left;
+        font-size: var(--mantine-font-size-md);
+    }
+}
+
+.controls {
+    margin-top: var(--mantine-spacing-lg);
+    display: flex;
+    justify-content: center;
+
+    @media (max-width: $mantine-breakpoint-xs) {
+        flex-direction: column;
+    }
+}
+
+.control {
+    &:not(:first-of-type) {
+        margin-left: var(--mantine-spacing-md);
+    }
+
+    @media (max-width: $mantine-breakpoint-xs) {
+        height: rem(42px);
+        font-size: var(--mantine-font-size-md);
+
+        &:not(:first-of-type) {
+            margin-top: var(--mantine-spacing-md);
+            margin-left: 0;
+        }
+    }
+}
\ No newline at end of file
diff --git a/client/src/pages/LandingPage/components/HeroSection/HeroSection.tsx b/client/src/pages/LandingPage/components/HeroSection/HeroSection.tsx
new file mode 100644
index 00000000..d23caa39
--- /dev/null
+++ b/client/src/pages/LandingPage/components/HeroSection/HeroSection.tsx
@@ -0,0 +1,50 @@
+import { Title, Text, Button, Container } from '@mantine/core'
+import * as classes from './HeroSection.module.css'
+import { HeroDots } from '../HeroDots/HeroDots'
+import { Link } from 'react-router-dom'
+
+export function HeroSection() {
+  return (
+    <Container className={classes.wrapper} size={1400}>
+      <HeroDots className={classes.dots} style={{ left: 0, top: 10 }} />
+      <HeroDots className={classes.dots} style={{ left: 60, top: 10 }} />
+      <HeroDots className={classes.dots} style={{ left: 0, top: 150 }} />
+      <HeroDots className={classes.dots} style={{ right: 0, top: 70 }} />
+
+      <div className={classes.inner}>
+        <Title className={classes.title}>
+          Find or Propose the{' '}
+          <Text component='span' className={classes.highlight} inherit>
+            Perfect Thesis
+          </Text>{' '}
+          Topic
+        </Title>
+
+        <Container p={0} size={700}>
+          <Text size='lg' c='dimmed' className={classes.description}>
+            Whether you&apos;re looking for inspiration or have a unique idea in mind, Thesis Track
+            makes it easy. Explore topics posted by instructors or suggest your own.
+          </Text>
+        </Container>
+
+        <div className={classes.controls}>
+          <Button
+            component={Link}
+            to='/dashboard'
+            className={classes.control}
+            size='lg'
+            variant='default'
+            color='gray'
+          >
+            Login
+          </Button>
+          <Button component={Link} to='/submit-application' className={classes.control} size='lg'>
+            Apply Now
+          </Button>
+        </div>
+      </div>
+    </Container>
+  )
+}
+
+export default HeroSection
diff --git a/client/src/pages/LandingPage/components/PublishedTheses/PublishedTheses.tsx b/client/src/pages/LandingPage/components/PublishedTheses/PublishedTheses.tsx
new file mode 100644
index 00000000..febd22b6
--- /dev/null
+++ b/client/src/pages/LandingPage/components/PublishedTheses/PublishedTheses.tsx
@@ -0,0 +1,166 @@
+import { DataTable } from 'mantine-datatable'
+import { ActionIcon, Center, Grid, Modal, Stack, Title } from '@mantine/core'
+import React, { useEffect, useState } from 'react'
+import { PaginationResponse } from '../../../../requests/responses/pagination'
+import { IPublishedThesis } from '../../../../requests/responses/thesis'
+import { useAutoAnimate } from '@formkit/auto-animate/react'
+import { doRequest } from '../../../../requests/request'
+import { showSimpleError } from '../../../../utils/notification'
+import { getApiResponseErrorMessage } from '../../../../requests/handler'
+import AuthenticatedFilePreview from '../../../../components/AuthenticatedFilePreview/AuthenticatedFilePreview'
+import { formatDate, formatUser } from '../../../../utils/format'
+import DocumentEditor from '../../../../components/DocumentEditor/DocumentEditor'
+import LabeledItem from '../../../../components/LabeledItem/LabeledItem'
+import { Eye } from 'phosphor-react'
+
+const PublishedTheses = () => {
+  const [bodyRef] = useAutoAnimate<HTMLTableSectionElement>()
+
+  const [page, setPage] = useState(0)
+  const limit = 10
+
+  const [theses, setTheses] = useState<PaginationResponse<IPublishedThesis>>()
+  const [openedThesis, setOpenedThesis] = useState<IPublishedThesis>()
+
+  useEffect(() => {
+    return doRequest<PaginationResponse<IPublishedThesis>>(
+      '/v2/published-theses',
+      {
+        method: 'GET',
+        requiresAuth: false,
+        params: {
+          page,
+          limit,
+        },
+      },
+      (response) => {
+        if (response.ok) {
+          setTheses(response.data)
+        } else {
+          showSimpleError(getApiResponseErrorMessage(response))
+        }
+      },
+    )
+  }, [page, limit])
+
+  if (page === 0 && !theses?.content.length) {
+    return null
+  }
+
+  return (
+    <Stack gap='xs'>
+      <Title order={2}>Published Theses</Title>
+      <DataTable
+        fetching={!theses}
+        withTableBorder
+        minHeight={200}
+        noRecordsText='No theses published yet'
+        borderRadius='sm'
+        verticalSpacing='md'
+        striped
+        highlightOnHover
+        totalRecords={theses?.totalElements ?? 0}
+        recordsPerPage={limit}
+        page={page + 1}
+        onPageChange={(x) => setPage(x - 1)}
+        bodyRef={bodyRef}
+        records={theses?.content}
+        idAccessor='thesisId'
+        columns={[
+          {
+            accessor: 'students',
+            title: 'Student',
+            render: (thesis) =>
+              thesis.students
+                .map((user) => formatUser(user, { withUniversityId: false }))
+                .join(', '),
+          },
+          {
+            accessor: 'advisors',
+            title: 'Advisor',
+            render: (thesis) =>
+              thesis.advisors
+                .map((user) => formatUser(user, { withUniversityId: false }))
+                .join(', '),
+          },
+          {
+            accessor: 'title',
+            title: 'Title',
+            ellipsis: true,
+            width: 350,
+          },
+          {
+            accessor: 'actions',
+            title: 'Actions',
+            textAlign: 'center',
+            render: () => (
+              <Center>
+                <ActionIcon>
+                  <Eye />
+                </ActionIcon>
+              </Center>
+            ),
+          },
+        ]}
+        onRowClick={({ record }) => setOpenedThesis(record)}
+      />
+      <Modal
+        title={openedThesis?.title}
+        opened={!!openedThesis}
+        onClose={() => setOpenedThesis(undefined)}
+        size='xl'
+      >
+        {openedThesis && (
+          <Stack gap='md'>
+            <Grid>
+              <Grid.Col span={{ md: 4 }}>
+                <LabeledItem
+                  label='Supervisor'
+                  value={openedThesis.supervisors
+                    .map((user) => formatUser(user, { withUniversityId: false }))
+                    .join(', ')}
+                />
+              </Grid.Col>
+              <Grid.Col span={{ md: 4 }}>
+                <LabeledItem
+                  label='Advisor'
+                  value={openedThesis.advisors
+                    .map((user) => formatUser(user, { withUniversityId: false }))
+                    .join(', ')}
+                />
+              </Grid.Col>
+              <Grid.Col span={{ md: 4 }}>
+                <LabeledItem
+                  label='Student'
+                  value={openedThesis.students
+                    .map((user) => formatUser(user, { withUniversityId: false }))
+                    .join(', ')}
+                />
+              </Grid.Col>
+              <Grid.Col span={{ md: 4 }}>
+                <LabeledItem
+                  label='Start Date'
+                  value={formatDate(openedThesis.startDate, { withTime: false })}
+                />
+              </Grid.Col>
+              <Grid.Col span={{ md: 4 }}>
+                <LabeledItem
+                  label='End Date'
+                  value={formatDate(openedThesis.endDate, { withTime: false })}
+                />
+              </Grid.Col>
+            </Grid>
+            <DocumentEditor label='Abstract' value={openedThesis.abstractText} />
+            <AuthenticatedFilePreview
+              url={`/v2/published-theses/${openedThesis.thesisId}/thesis`}
+              height={500}
+              filename={`${openedThesis.title.replaceAll(' ', '-')}.pdf`}
+            />
+          </Stack>
+        )}
+      </Modal>
+    </Stack>
+  )
+}
+
+export default PublishedTheses
diff --git a/client/src/pages/ManageTopicsPage/ManageTopicsPage.tsx b/client/src/pages/ManageTopicsPage/ManageTopicsPage.tsx
index d70f0db6..bfa128bc 100644
--- a/client/src/pages/ManageTopicsPage/ManageTopicsPage.tsx
+++ b/client/src/pages/ManageTopicsPage/ManageTopicsPage.tsx
@@ -1,7 +1,7 @@
 import ContentContainer from '../../app/layout/ContentContainer/ContentContainer'
 import React, { useState } from 'react'
 import { usePageTitle } from '../../hooks/theme'
-import { Button, Group, Stack, Title } from '@mantine/core'
+import { Button, Group, Stack, Title, ActionIcon } from '@mantine/core'
 import TopicsProvider from '../../contexts/TopicsProvider/TopicsProvider'
 import TopicsTable from '../../components/TopicsTable/TopicsTable'
 import { ITopic } from '../../requests/responses/topic'
@@ -36,20 +36,29 @@ const ManageTopicsPage = () => {
           </Button>
           <TopicsTable
             columns={['state', 'title', 'supervisor', 'advisor', 'createdAt', 'actions']}
-            actions={(topic) => (
-              <Group
-                preventGrowOverflow={false}
-                justify='center'
-                onClick={(e) => e.stopPropagation()}
-              >
-                {!topic.closedAt && (
-                  <Button size='xs' onClick={() => setEditingTopic(topic)}>
-                    <Pencil />
-                  </Button>
-                )}
-                <CloseTopicButton size='xs' topic={topic} />
-              </Group>
-            )}
+            extraColumns={{
+              actions: {
+                accessor: 'actions',
+                title: 'Actions',
+                textAlign: 'center',
+                noWrap: true,
+                width: 100,
+                render: (topic) => (
+                  <Group
+                    preventGrowOverflow={false}
+                    justify='center'
+                    onClick={(e) => e.stopPropagation()}
+                  >
+                    {!topic.closedAt && (
+                      <ActionIcon size='md' onClick={() => setEditingTopic(topic)}>
+                        <Pencil />
+                      </ActionIcon>
+                    )}
+                    <CloseTopicButton size='md' topic={topic} />
+                  </Group>
+                ),
+              },
+            }}
           />
         </Stack>
       </TopicsProvider>
diff --git a/client/src/pages/ManageTopicsPage/components/CloseTopicButton/CloseTopicButton.tsx b/client/src/pages/ManageTopicsPage/components/CloseTopicButton/CloseTopicButton.tsx
index 48503ba4..84e27aed 100644
--- a/client/src/pages/ManageTopicsPage/components/CloseTopicButton/CloseTopicButton.tsx
+++ b/client/src/pages/ManageTopicsPage/components/CloseTopicButton/CloseTopicButton.tsx
@@ -1,6 +1,6 @@
 import { ITopic } from '../../../../requests/responses/topic'
 import { Trash } from 'phosphor-react'
-import { Button } from '@mantine/core'
+import { ActionIcon } from '@mantine/core'
 import React from 'react'
 import { useTopicsContext } from '../../../../contexts/TopicsProvider/hooks'
 import { doRequest } from '../../../../requests/request'
@@ -37,9 +37,9 @@ const CloseTopicButton = (props: ICloseTopicButtonProps) => {
   }
 
   return (
-    <Button onClick={onClose} size={size}>
+    <ActionIcon onClick={onClose} size={size}>
       <Trash />
-    </Button>
+    </ActionIcon>
   )
 }
 
diff --git a/client/src/pages/MyInformationPage/MyInformationPage.tsx b/client/src/pages/MyInformationPage/MyInformationPage.tsx
index 379137fe..115dd4c3 100644
--- a/client/src/pages/MyInformationPage/MyInformationPage.tsx
+++ b/client/src/pages/MyInformationPage/MyInformationPage.tsx
@@ -1,14 +1,16 @@
 import ContentContainer from '../../app/layout/ContentContainer/ContentContainer'
 import React from 'react'
 import { usePageTitle } from '../../hooks/theme'
+import { Title } from '@mantine/core'
+import UserInformationForm from '../../components/UserInformationForm/UserInformationForm'
 
 const MyInformationPage = () => {
-  // TODO: implement component
   usePageTitle('My Information')
 
   return (
     <ContentContainer>
-      <h1>My Information</h1>
+      <Title mb='md'>My Information</Title>
+      <UserInformationForm requireCompletion={false} />
     </ContentContainer>
   )
 }
diff --git a/client/src/pages/SubmitApplicationPage/SubmitApplicationPage.tsx b/client/src/pages/SubmitApplicationPage/SubmitApplicationPage.tsx
new file mode 100644
index 00000000..4e4217d3
--- /dev/null
+++ b/client/src/pages/SubmitApplicationPage/SubmitApplicationPage.tsx
@@ -0,0 +1,71 @@
+import { useNavigate, useParams } from 'react-router-dom'
+import { useTopic } from '../../hooks/fetcher'
+import ContentContainer from '../../app/layout/ContentContainer/ContentContainer'
+import { Card, Center, Stack, Stepper, Text, Title } from '@mantine/core'
+import { useState } from 'react'
+import SelectTopicStep from './components/SelectTopicStep/SelectTopicStep'
+import StudentInformationStep from './components/StudentInformationStep/StudentInformationStep'
+import MotivationStep from './components/MotivationStep/MotivationStep'
+import TopicsProvider from '../../contexts/TopicsProvider/TopicsProvider'
+import { useWindowScroll } from '@mantine/hooks'
+
+const SubmitApplicationPage = () => {
+  const { topicId } = useParams<{ topicId: string }>()
+
+  const [, scrollTo] = useWindowScroll()
+  const navigate = useNavigate()
+  const topic = useTopic(topicId)
+
+  const [step, setStep] = useState(0)
+
+  const updateStep = (value: number) => {
+    if (value > step) {
+      return
+    }
+
+    if (value === 0 && topicId) {
+      navigate(`/submit-application`, { replace: true })
+    }
+
+    scrollTo({ y: 0 })
+    setStep(value)
+  }
+
+  return (
+    <ContentContainer>
+      <Title mb='md'>Submit Application</Title>
+      <Stepper active={Math.max(step, topicId ? 1 : 0)} onStepClick={updateStep}>
+        <Stepper.Step label='First Step' description='Select Topic'>
+          <TopicsProvider limit={100}>
+            <SelectTopicStep
+              onComplete={(x) => {
+                navigate(`/submit-application/${x?.topicId || ''}`, { replace: true })
+                setStep(1)
+              }}
+            />
+          </TopicsProvider>
+        </Stepper.Step>
+        <Stepper.Step label='Second step' description='Update Information'>
+          <StudentInformationStep onComplete={() => setStep(2)} />
+        </Stepper.Step>
+        <Stepper.Step label='Final step' description='Submit your Application'>
+          <MotivationStep onComplete={() => setStep(3)} topic={topic || undefined} />
+        </Stepper.Step>
+        <Stepper.Completed>
+          <Center style={{ height: '50vh' }}>
+            <Card withBorder p='xl'>
+              <Stack gap='sm'>
+                <Text ta='center'>Your application was successfully submitted!</Text>
+                <Text ta='center' size='sm' c='muted'>
+                  We will contact you as soon as we have reviewed your application.
+                </Text>
+              </Stack>
+            </Card>
+          </Center>
+        </Stepper.Completed>
+      </Stepper>
+    </ContentContainer>
+  )
+}
+
+export default SubmitApplicationPage
diff --git a/client/src/pages/SubmitApplicationPage/SubmitApplicationStepOnePage.tsx b/client/src/pages/SubmitApplicationPage/SubmitApplicationStepOnePage.tsx
deleted file mode 100644
index 3a9da609..00000000
--- a/client/src/pages/SubmitApplicationPage/SubmitApplicationStepOnePage.tsx
+++ /dev/null
@@ -1,16 +0,0 @@
-import ContentContainer from '../../app/layout/ContentContainer/ContentContainer'
-import React from 'react'
-import { usePageTitle } from '../../hooks/theme'
-
-const SubmitApplicationStepOnePage = () => {
-  // TODO: implement component
-  usePageTitle('Pick Topic')
-
-  return (
-    <ContentContainer>
-      <h1>Select Topic</h1>
-    </ContentContainer>
-  )
-}
-
-export default SubmitApplicationStepOnePage
diff --git a/client/src/pages/SubmitApplicationPage/SubmitApplicationStepTwoPage.tsx b/client/src/pages/SubmitApplicationPage/SubmitApplicationStepTwoPage.tsx
deleted file mode 100644
index 0cd75ac6..00000000
--- a/client/src/pages/SubmitApplicationPage/SubmitApplicationStepTwoPage.tsx
+++ /dev/null
@@ -1,16 +0,0 @@
-import ContentContainer from '../../app/layout/ContentContainer/ContentContainer'
-import React from 'react'
-import { usePageTitle } from '../../hooks/theme'
-
-const SubmitApplicationStepTwoPage = () => {
-  // TODO: implement component
-  usePageTitle('Submit Application')
-
-  return (
-    <ContentContainer>
-      <h1>Submit Application</h1>
-    </ContentContainer>
-  )
-}
-
-export default SubmitApplicationStepTwoPage
diff --git a/client/src/pages/SubmitApplicationPage/components/MotivationStep/MotivationStep.tsx b/client/src/pages/SubmitApplicationPage/components/MotivationStep/MotivationStep.tsx
new file mode 100644
index 00000000..f4eea220
--- /dev/null
+++ b/client/src/pages/SubmitApplicationPage/components/MotivationStep/MotivationStep.tsx
@@ -0,0 +1,122 @@
+import { ITopic } from '../../../../requests/responses/topic'
+import { isNotEmpty, useForm } from '@mantine/form'
+import { Accordion, Button, Stack, TextInput } from '@mantine/core'
+import DocumentEditor from '../../../../components/DocumentEditor/DocumentEditor'
+import TopicData from '../../../../components/TopicData/TopicData'
+import { useState } from 'react'
+import { doRequest } from '../../../../requests/request'
+import { showSimpleError } from '../../../../utils/notification'
+import { getApiResponseErrorMessage } from '../../../../requests/handler'
+import { DateInput, DateValue } from '@mantine/dates'
+
+interface IMotivationStepProps {
+  topic: ITopic | undefined
+  onComplete: () => unknown
+}
+
+interface IMotivationStepForm {
+  thesisTitle: string
+  desiredStartDate: DateValue
+  motivation: string
+}
+
+const MotivationStep = (props: IMotivationStepProps) => {
+  const { topic, onComplete } = props
+
+  const [loading, setLoading] = useState(false)
+  const [opened, setOpened] = useState(false)
+
+  const form = useForm<IMotivationStepForm>({
+    mode: 'controlled',
+    initialValues: {
+      thesisTitle: '',
+      desiredStartDate: new Date(),
+      motivation: '',
+    },
+    validateInputOnBlur: true,
+    validate: {
+      thesisTitle: (value) => {
+        if (!topic && !value) {
+          return 'Please state your suggested thesis title'
+        }
+      },
+      desiredStartDate: isNotEmpty('Please state your desired start date'),
+      motivation: (value) => {
+        if (!value) {
+          return 'Please state your motivation'
+        } else if (value.length > 1000) {
+          return 'The maximum allowed number of characters is 1000'
+        }
+      },
+    },
+  })
+
+  const onSubmit = async (values: IMotivationStepForm) => {
+    setLoading(true)
+
+    try {
+      const response = await doRequest('/v2/applications', {
+        method: 'POST',
+        requiresAuth: true,
+        data: {
+          topicId: topic?.topicId,
+          thesisTitle: values.thesisTitle || null,
+          desiredStartDate: values.desiredStartDate,
+          motivation: values.motivation,
+        },
+      })
+
+      if (response.ok) {
+        onComplete()
+      } else {
+        showSimpleError(getApiResponseErrorMessage(response))
+      }
+    } finally {
+      setLoading(false)
+    }
+  }
+
+  return (
+    <form onSubmit={form.onSubmit((values) => onSubmit(values))}>
+      <Stack gap='md'>
+        {topic ? (
+          <Accordion
+            variant='separated'
+            value={opened ? 'opened' : ''}
+            onChange={(value) => setOpened(value === 'opened')}
+          >
+            <Accordion.Item value='opened'>
+              <Accordion.Control>{topic.title}</Accordion.Control>
+              <Accordion.Panel>
+                <TopicData topic={topic} />
+              </Accordion.Panel>
+            </Accordion.Item>
+          </Accordion>
+        ) : (
+          <TextInput
+            label='Suggested Thesis Title'
+            required={true}
+            {...form.getInputProps('thesisTitle')}
+          />
+        )}
+        <DateInput
+          label='Desired Start Date'
+          required={true}
+          {...form.getInputProps('desiredStartDate')}
+        />
+        <DocumentEditor
+          label='Motivation'
+          required={true}
+          editMode={true}
+          maxLength={500}
+          {...form.getInputProps('motivation')}
+        />
+        <Button type='submit' ml='auto' disabled={!form.isValid()} loading={loading}>
+          Submit Application
+        </Button>
+      </Stack>
+    </form>
+  )
+}
+
+export default MotivationStep
diff --git a/client/src/pages/SubmitApplicationPage/components/SelectTopicStep/SelectTopicStep.tsx b/client/src/pages/SubmitApplicationPage/components/SelectTopicStep/SelectTopicStep.tsx
new file mode 100644
index 00000000..e1eeafa2
--- /dev/null
+++ b/client/src/pages/SubmitApplicationPage/components/SelectTopicStep/SelectTopicStep.tsx
@@ -0,0 +1,38 @@
+import { ITopic } from '../../../../requests/responses/topic'
+import { Accordion, Button, Center, Space } from '@mantine/core'
+import { useTopicsContext } from '../../../../contexts/TopicsProvider/hooks'
+import React from 'react'
+import TopicAccordionItem from '../../../../components/TopicAccordionItem/TopicAccordionItem'
+
+interface ISelectTopicStepProps {
+  onComplete: (topic: ITopic | undefined) => unknown
+}
+
+const SelectTopicStep = (props: ISelectTopicStepProps) => {
+  const { onComplete } = props
+
+  const { topics } = useTopicsContext()
+
+  return (
+    <Accordion defaultValue='custom' variant='separated'>
+      <Accordion.Item value='custom'>
+        <Accordion.Control>Suggest Topic</Accordion.Control>
+        <Accordion.Panel>
+          <Center>
+            <Button onClick={() => onComplete(undefined)}>Suggest your own topic</Button>
+          </Center>
+        </Accordion.Panel>
+      </Accordion.Item>
+      {topics?.content.map((topic) => (
+        <TopicAccordionItem key={topic.topicId} topic={topic}>
+          <Space mb='md' />
+          <Center>
+            <Button onClick={() => onComplete(topic)}>Apply for this Topic</Button>
+          </Center>
+        </TopicAccordionItem>
+      ))}
+    </Accordion>
+  )
+}
+
+export default SelectTopicStep
diff --git a/client/src/pages/SubmitApplicationPage/components/StudentInformationStep/StudentInformationStep.tsx b/client/src/pages/SubmitApplicationPage/components/StudentInformationStep/StudentInformationStep.tsx
new file mode 100644
index 00000000..38f2b4b1
--- /dev/null
+++ b/client/src/pages/SubmitApplicationPage/components/StudentInformationStep/StudentInformationStep.tsx
@@ -0,0 +1,13 @@
+import UserInformationForm from '../../../../components/UserInformationForm/UserInformationForm'
+
+interface IStudentInformationStepProps {
+  onComplete: () => unknown
+}
+
+const StudentInformationStep = (props: IStudentInformationStepProps) => {
+  const { onComplete } = props
+
+  return <UserInformationForm requireCompletion={true} onComplete={onComplete} />
+}
+
+export default StudentInformationStep
diff --git a/client/src/pages/ThesisPage/components/ThesisCommentsList/ThesisCommentsList.tsx b/client/src/pages/ThesisPage/components/ThesisCommentsList/ThesisCommentsList.tsx
index 83ca6133..eda61be1 100644
--- a/client/src/pages/ThesisPage/components/ThesisCommentsList/ThesisCommentsList.tsx
+++ b/client/src/pages/ThesisPage/components/ThesisCommentsList/ThesisCommentsList.tsx
@@ -30,7 +30,7 @@ const ThesisCommentsList = () => {
         {openedComment && (
           <AuthenticatedFilePreview
             url={`/v2/theses/${thesis.thesisId}/comments/${openedComment.commentId}/file`}
-            filename={`comment-${openedComment.commentId}`}
+            filename={`comment-${openedComment.commentId}.pdf`}
             height={400}
           />
         )}
diff --git a/client/src/pages/ThesisPage/components/ThesisProposalSection/ThesisProposalSection.tsx b/client/src/pages/ThesisPage/components/ThesisProposalSection/ThesisProposalSection.tsx
index f7bad056..cce47357 100644
--- a/client/src/pages/ThesisPage/components/ThesisProposalSection/ThesisProposalSection.tsx
+++ b/client/src/pages/ThesisPage/components/ThesisProposalSection/ThesisProposalSection.tsx
@@ -65,7 +65,7 @@ const ThesisProposalSection = () => {
             {thesis.proposal ? (
               <AuthenticatedFilePreview
                 url={`/v2/theses/${thesis.thesisId}/proposal`}
-                filename={`proposal-${thesis.thesisId}`}
+                filename={`proposal-${thesis.thesisId}.pdf`}
                 height={400}
                 key={thesis.files.proposal}
               />
diff --git a/client/src/pages/TopicPage/TopicPage.tsx b/client/src/pages/TopicPage/TopicPage.tsx
index dbf0a515..5c53d943 100644
--- a/client/src/pages/TopicPage/TopicPage.tsx
+++ b/client/src/pages/TopicPage/TopicPage.tsx
@@ -5,11 +5,8 @@ import { Link, useParams } from 'react-router-dom'
 import { useTopic } from '../../hooks/fetcher'
 import NotFound from '../../components/NotFound/NotFound'
 import PageLoader from '../../components/PageLoader/PageLoader'
-import { Button, Grid, Group, Stack, Title } from '@mantine/core'
-import DocumentEditor from '../../components/DocumentEditor/DocumentEditor'
-import LabeledItem from '../../components/LabeledItem/LabeledItem'
-import { formatDate, formatUser } from '../../utils/format'
-import { GLOBAL_CONFIG } from '../../config/global'
+import { Button, Group, Stack, Title } from '@mantine/core'
+import TopicData from '../../components/TopicData/TopicData'
 import { useUser } from '../../hooks/authentication'
 
 const TopicPage = () => {
@@ -33,39 +30,7 @@ const TopicPage = () => {
     <ContentContainer>
       <Stack gap='md'>
         <Title>{topic.title}</Title>
-        <Grid>
-          <Grid.Col span={{ md: 3 }}>
-            <LabeledItem
-              label='Supervisor'
-              value={topic.supervisors
-                .map((x) => formatUser(x, { withUniversityId: false }))
-                .join(', ')}
-            />
-          </Grid.Col>
-          <Grid.Col span={{ md: 3 }}>
-            <LabeledItem
-              label='Advisor'
-              value={topic.advisors
-                .map((x) => formatUser(x, { withUniversityId: false }))
-                .join(', ')}
-            />
-          </Grid.Col>
-          <Grid.Col span={{ md: 3 }}>
-            <LabeledItem
-              label='Type'
-              value={topic.type ? (GLOBAL_CONFIG.thesis_types[topic.type] ?? topic.type) : 'Any'}
-            />
-          </Grid.Col>
-          <Grid.Col span={{ md: 3 }}>
-            <LabeledItem
-              label='Published At'
-              value={formatDate(topic.createdAt, { withTime: false })}
-            />
-          </Grid.Col>
-        </Grid>
-        <DocumentEditor label='Problem Statement' value={topic.problemStatement} />
-        {topic.goals && <DocumentEditor label='Goals' value={topic.goals} />}
-        {topic.references && <DocumentEditor label='References' value={topic.references} />}
+        <TopicData topic={topic} />
         <Group>
           {['admin', 'supervisor', 'advisor'].some((group) => user?.groups.includes(group)) && (
             <Button variant='outline' component={Link} to='/topics'>
diff --git a/client/src/requests/payloads/application.ts b/client/src/requests/payloads/application.ts
index d27a65f5..c3ffd193 100644
--- a/client/src/requests/payloads/application.ts
+++ b/client/src/requests/payloads/application.ts
@@ -1,19 +1,8 @@
-export interface ILegacyCreateApplicationPayload {
+import { IUpdateUserInformationPayload } from './user'
+
+export interface ILegacyCreateApplicationPayload extends IUpdateUserInformationPayload {
   universityId: string
-  matriculationNumber: string
-  isExchangeStudent: boolean
-  firstName: string
-  lastName: string
-  gender: string
-  nationality: string
-  email: string
-  studyDegree: string
-  studyProgram: string
-  enrolledAt: Date
-  specialSkills: string
   motivation: string
-  interests: string
-  projects: string
   thesisTitle: string
   desiredStartDate: Date
 }
diff --git a/client/src/requests/payloads/user.ts b/client/src/requests/payloads/user.ts
new file mode 100644
index 00000000..9586bef1
--- /dev/null
+++ b/client/src/requests/payloads/user.ts
@@ -0,0 +1,15 @@
+export interface IUpdateUserInformationPayload {
+  matriculationNumber: string
+  isExchangeStudent: boolean
+  firstName: string
+  lastName: string
+  gender: string
+  nationality: string
+  email: string
+  studyDegree: string
+  studyProgram: string
+  enrolledAt: Date | null
+  specialSkills: string
+  interests: string
+  projects: string
+}
diff --git a/client/src/requests/responses/thesis.ts b/client/src/requests/responses/thesis.ts
index 53c1db55..d192a1b0 100644
--- a/client/src/requests/responses/thesis.ts
+++ b/client/src/requests/responses/thesis.ts
@@ -71,3 +71,15 @@ export interface IThesisComment {
   createdAt: string
   createdBy: ILightUser
 }
+
+export interface IPublishedThesis {
+  thesisId: string
+  title: string
+  type: string
+  startDate: string | null
+  endDate: string | null
+  abstractText: string
+  students: ILightUser[]
+  advisors: ILightUser[]
+  supervisors: ILightUser[]
+}
diff --git a/client/src/utils/blob.ts b/client/src/utils/blob.ts
index c3bd69c8..918d709c 100644
--- a/client/src/utils/blob.ts
+++ b/client/src/utils/blob.ts
@@ -1,9 +1,9 @@
-export function downloadPdf(blob: Blob, filename: string) {
-  const url = window.URL.createObjectURL(blob)
+export function downloadFile(file: File) {
+  const url = window.URL.createObjectURL(file)
 
   const a = document.createElement('a')
   a.href = url
-  a.setAttribute('download', `${filename}.pdf`)
+  a.setAttribute('download', `${file.name}`)
 
   document.body.appendChild(a)
   a.click()
diff --git a/client/src/utils/validation.ts b/client/src/utils/validation.ts
index 8e405f41..c08908da 100644
--- a/client/src/utils/validation.ts
+++ b/client/src/utils/validation.ts
@@ -1,3 +1,7 @@
+export type PartialNull<T> = {
+  [P in keyof T]: T[P] | null
+}
+
 export function isNotEmptyUserList(group: 'student' | 'advisor' | 'supervisor') {
   return (values: string[]) => {
     if (values.length === 0) {
diff --git a/server/src/main/java/thesistrack/ls1/controller/ApplicationController.java b/server/src/main/java/thesistrack/ls1/controller/ApplicationController.java
index e8d020e5..caca0dec 100644
--- a/server/src/main/java/thesistrack/ls1/controller/ApplicationController.java
+++ b/server/src/main/java/thesistrack/ls1/controller/ApplicationController.java
@@ -13,12 +13,14 @@
 import thesistrack.ls1.constants.ApplicationState;
 import thesistrack.ls1.constants.StringLimits;
 import thesistrack.ls1.controller.payload.AcceptApplicationPayload;
+import thesistrack.ls1.controller.payload.CreateApplicationPayload;
 import thesistrack.ls1.controller.payload.RejectApplicationPayload;
 import thesistrack.ls1.controller.payload.UpdateApplicationCommentPayload;
 import thesistrack.ls1.dto.ApplicationDto;
 import thesistrack.ls1.dto.PaginationDto;
 import thesistrack.ls1.entity.Application;
 import thesistrack.ls1.entity.User;
+import thesistrack.ls1.exception.request.ResourceInvalidParametersException;
 import thesistrack.ls1.service.ApplicationService;
 import thesistrack.ls1.service.AuthenticationService;
 import thesistrack.ls1.utility.RequestValidator;
@@ -38,9 +40,26 @@ public ApplicationController(ApplicationService applicationService, Authenticati
         this.authenticationService = authenticationService;
     }
 
-    @RequestMapping(method = RequestMethod.POST, consumes = MediaType.MULTIPART_FORM_DATA_VALUE)
-    public ResponseEntity<ApplicationDto> createApplication() {
-        throw new ResponseStatusException(HttpStatus.NOT_IMPLEMENTED, "This feature is not implemented yet");
+    @PostMapping
+    public ResponseEntity<ApplicationDto> createApplication(
+            @RequestBody CreateApplicationPayload payload,
+            JwtAuthenticationToken jwt
+    ) {
+        User authenticatedUser = authenticationService.getAuthenticatedUser(jwt);
+
+        if (payload.topicId() == null && payload.thesisTitle() == null) {
+            throw new ResourceInvalidParametersException("Either topic id or a thesis title must be provided");
+        }
+
+        Application application = applicationService.createApplication(
+                authenticatedUser,
+                payload.topicId(),
+                RequestValidator.validateStringMaxLengthAllowNull(payload.thesisTitle(), StringLimits.THESIS_TITLE.getLimit()),
+                RequestValidator.validateNotNull(payload.desiredStartDate()),
+                RequestValidator.validateStringMaxLength(payload.motivation(), StringLimits.LONGTEXT.getLimit())
+        );
+
+        return ResponseEntity.ok(ApplicationDto.fromApplicationEntity(application, application.hasManagementAccess(authenticatedUser)));
     }
 
     @GetMapping
diff --git a/server/src/main/java/thesistrack/ls1/controller/PublishedThesisController.java b/server/src/main/java/thesistrack/ls1/controller/PublishedThesisController.java
new file mode 100644
index 00000000..6039ff39
--- /dev/null
+++ b/server/src/main/java/thesistrack/ls1/controller/PublishedThesisController.java
@@ -0,0 +1,69 @@
+package thesistrack.ls1.controller;
+
+import lombok.extern.slf4j.Slf4j;
+import org.springframework.beans.factory.annotation.Autowired;
+import org.springframework.core.io.Resource;
+import org.springframework.data.domain.Page;
+import org.springframework.http.HttpHeaders;
+import org.springframework.http.MediaType;
+import org.springframework.http.ResponseEntity;
+import org.springframework.security.access.AccessDeniedException;
+import org.springframework.web.bind.annotation.*;
+import thesistrack.ls1.constants.ThesisState;
+import thesistrack.ls1.constants.ThesisVisibility;
+import thesistrack.ls1.dto.PaginationDto;
+import thesistrack.ls1.dto.PublishedThesisDto;
+import thesistrack.ls1.entity.Thesis;
+import thesistrack.ls1.service.ThesisService;
+
+import java.util.Set;
+import java.util.UUID;
+
+@Slf4j
+@RestController
+@RequestMapping("/v2/published-theses")
+public class PublishedThesisController {
+    private final ThesisService thesisService;
+
+    @Autowired
+    public PublishedThesisController(ThesisService thesisService) {
+        this.thesisService = thesisService;
+    }
+
+    @GetMapping
+    public ResponseEntity<PaginationDto<PublishedThesisDto>> getTheses(
+            @RequestParam(required = false, defaultValue = "0") Integer page,
+            @RequestParam(required = false, defaultValue = "50") Integer limit,
+            @RequestParam(required = false, defaultValue = "endDate") String sortBy,
+            @RequestParam(required = false, defaultValue = "desc") String sortOrder
+    ) {
+        Page<Thesis> theses = thesisService.getAll(
+                null,
+                Set.of(ThesisVisibility.PUBLIC),
+                null,
+                new ThesisState[]{ThesisState.FINISHED},
+                page,
+                limit,
+                sortBy,
+                sortOrder
+        );
+
+        return ResponseEntity.ok(PaginationDto.fromSpringPage(theses.map(PublishedThesisDto::fromThesisEntity)));
+    }
+
+    @GetMapping("/{thesisId}/thesis")
+    public ResponseEntity<Resource> getThesisFile(
+            @PathVariable UUID thesisId
+    ) {
+        Thesis thesis = thesisService.findById(thesisId);
+
+        if (!thesis.hasReadAccess(null)) {
+            throw new AccessDeniedException("You do not have the required permissions to view this thesis");
+        }
+
+        return ResponseEntity.ok()
+                .contentType(MediaType.APPLICATION_PDF)
+                .header(HttpHeaders.CONTENT_DISPOSITION, String.format("attachment; filename=thesis_%s.pdf", thesisId))
+                .body(thesisService.getThesisFile(thesis));
+    }
+}
diff --git a/server/src/main/java/thesistrack/ls1/controller/UserController.java b/server/src/main/java/thesistrack/ls1/controller/UserController.java
index 11ec49c9..0c25dd19 100644
--- a/server/src/main/java/thesistrack/ls1/controller/UserController.java
+++ b/server/src/main/java/thesistrack/ls1/controller/UserController.java
@@ -7,11 +7,14 @@
 import org.springframework.http.HttpHeaders;
 import org.springframework.http.MediaType;
 import org.springframework.http.ResponseEntity;
+import org.springframework.security.access.AccessDeniedException;
 import org.springframework.security.access.prepost.PreAuthorize;
+import org.springframework.security.oauth2.server.resource.authentication.JwtAuthenticationToken;
 import org.springframework.web.bind.annotation.*;
 import thesistrack.ls1.dto.LightUserDto;
 import thesistrack.ls1.dto.PaginationDto;
 import thesistrack.ls1.entity.User;
+import thesistrack.ls1.service.AuthenticationService;
 import thesistrack.ls1.service.UserService;
 
 import java.util.UUID;
@@ -21,10 +24,12 @@
 @RequestMapping("/v2/users")
 public class UserController {
     private final UserService userService;
+    private final AuthenticationService authenticationService;
 
     @Autowired
-    public UserController(UserService userService) {
+    public UserController(UserService userService, AuthenticationService authenticationService) {
         this.userService = userService;
+        this.authenticationService = authenticationService;
     }
 
     @GetMapping
@@ -43,29 +48,47 @@ public ResponseEntity<PaginationDto<LightUserDto>> getUsers(
     }
 
     @GetMapping("/{userId}/examination-report")
-    @PreAuthorize("hasAnyRole('admin', 'advisor', 'supervisor')")
-    public ResponseEntity<Resource> getExaminationReport(@PathVariable UUID userId) {
+    public ResponseEntity<Resource> getExaminationReport(@PathVariable UUID userId, JwtAuthenticationToken jwt) {
+        User authenticatedUser = authenticationService.getAuthenticatedUser(jwt);
+        User user = userService.findById(userId);
+
+        if (!user.hasFullAccess(authenticatedUser)) {
+            throw new AccessDeniedException("You are not allowed to access data from this user");
+        }
+
         return ResponseEntity.ok()
                 .contentType(MediaType.APPLICATION_PDF)
                 .header(HttpHeaders.CONTENT_DISPOSITION, String.format("attachment; filename=examination_report_%s.pdf", userId))
-                .body(userService.getExaminationReport(userId));
+                .body(userService.getExaminationReport(user));
     }
 
     @GetMapping("/{userId}/cv")
-    @PreAuthorize("hasAnyRole('admin', 'advisor', 'supervisor')")
-    public ResponseEntity<Resource> getCV(@PathVariable UUID userId) {
+    public ResponseEntity<Resource> getCV(@PathVariable UUID userId, JwtAuthenticationToken jwt) {
+        User authenticatedUser = authenticationService.getAuthenticatedUser(jwt);
+        User user = userService.findById(userId);
+
+        if (!user.hasFullAccess(authenticatedUser)) {
+            throw new AccessDeniedException("You are not allowed to access data from this user");
+        }
+
         return ResponseEntity.ok()
                 .contentType(MediaType.APPLICATION_PDF)
                 .header(HttpHeaders.CONTENT_DISPOSITION, String.format("attachment; filename=cv_%s.pdf", userId))
-                .body(userService.getCV(userId));
+                .body(userService.getCV(user));
     }
 
     @GetMapping("/{userId}/degree-report")
-    @PreAuthorize("hasAnyRole('admin', 'advisor', 'supervisor')")
-    public ResponseEntity<Resource> getDegreeReport(@PathVariable UUID userId) {
+    public ResponseEntity<Resource> getDegreeReport(@PathVariable UUID userId, JwtAuthenticationToken jwt) {
+        User authenticatedUser = authenticationService.getAuthenticatedUser(jwt);
+        User user = userService.findById(userId);
+
+        if (!user.hasFullAccess(authenticatedUser)) {
+            throw new AccessDeniedException("You are not allowed to access data from this user");
+        }
+
         return ResponseEntity.ok()
                 .contentType(MediaType.APPLICATION_PDF)
                 .header(HttpHeaders.CONTENT_DISPOSITION, String.format("attachment; filename=degree_report_%s.pdf", userId))
-                .body(userService.getDegreeReport(userId));
+                .body(userService.getDegreeReport(user));
     }
 }
diff --git a/server/src/main/java/thesistrack/ls1/controller/UserInfoController.java b/server/src/main/java/thesistrack/ls1/controller/UserInfoController.java
index 6142c53f..a6ead709 100644
--- a/server/src/main/java/thesistrack/ls1/controller/UserInfoController.java
+++ b/server/src/main/java/thesistrack/ls1/controller/UserInfoController.java
@@ -3,13 +3,19 @@
 import lombok.extern.slf4j.Slf4j;
 import org.springframework.beans.factory.annotation.Autowired;
 import org.springframework.http.HttpStatus;
+import org.springframework.http.MediaType;
 import org.springframework.http.ResponseEntity;
 import org.springframework.security.oauth2.server.resource.authentication.JwtAuthenticationToken;
 import org.springframework.web.bind.annotation.*;
+import org.springframework.web.multipart.MultipartFile;
 import org.springframework.web.server.ResponseStatusException;
+import thesistrack.ls1.constants.StringLimits;
+import thesistrack.ls1.controller.payload.LegacyCreateApplicationPayload;
+import thesistrack.ls1.controller.payload.UpdateUserInformationPayload;
 import thesistrack.ls1.dto.UserDto;
 import thesistrack.ls1.entity.User;
 import thesistrack.ls1.service.AuthenticationService;
+import thesistrack.ls1.utility.RequestValidator;
 
 @Slf4j
 @RestController
@@ -29,8 +35,36 @@ public ResponseEntity<UserDto> getInfo(JwtAuthenticationToken jwt) {
         return ResponseEntity.ok(UserDto.fromUserEntity(user));
     }
 
-    @PutMapping
-    public ResponseEntity<UserDto> updateInfo() {
-        throw new ResponseStatusException(HttpStatus.NOT_IMPLEMENTED, "This feature is not implemented yet");
+    @RequestMapping(method = RequestMethod.PUT, consumes = MediaType.MULTIPART_FORM_DATA_VALUE)
+    public ResponseEntity<UserDto> updateInfo(
+            @RequestPart("data") UpdateUserInformationPayload payload,
+            @RequestPart(value = "examinationReport", required = false) MultipartFile examinationReport,
+            @RequestPart(value = "cv", required = false) MultipartFile cv,
+            @RequestPart(value = "degreeReport", required = false) MultipartFile degreeReport,
+            JwtAuthenticationToken jwt
+    ) {
+        User authenticatedUser = this.authenticationService.getAuthenticatedUser(jwt);
+
+        authenticatedUser = this.authenticationService.updateUserInformation(
+                authenticatedUser,
+                RequestValidator.validateStringMaxLengthAllowNull(payload.matriculationNumber(), StringLimits.SHORTTEXT.getLimit()),
+                RequestValidator.validateNotNull(payload.isExchangeStudent()),
+                RequestValidator.validateStringMaxLengthAllowNull(payload.firstName(), StringLimits.SHORTTEXT.getLimit()),
+                RequestValidator.validateStringMaxLengthAllowNull(payload.lastName(), StringLimits.SHORTTEXT.getLimit()),
+                RequestValidator.validateStringMaxLengthAllowNull(payload.gender(), StringLimits.SHORTTEXT.getLimit()),
+                RequestValidator.validateStringMaxLengthAllowNull(payload.nationality(), StringLimits.SHORTTEXT.getLimit()),
+                RequestValidator.validateEmailAllowNull(payload.email()),
+                RequestValidator.validateStringMaxLengthAllowNull(payload.studyDegree(), StringLimits.SHORTTEXT.getLimit()),
+                RequestValidator.validateStringMaxLengthAllowNull(payload.studyProgram(), StringLimits.SHORTTEXT.getLimit()),
+                payload.enrolledAt(),
+                RequestValidator.validateStringMaxLengthAllowNull(payload.specialSkills(), StringLimits.LONGTEXT.getLimit()),
+                RequestValidator.validateStringMaxLengthAllowNull(payload.interests(), StringLimits.LONGTEXT.getLimit()),
+                RequestValidator.validateStringMaxLengthAllowNull(payload.projects(), StringLimits.LONGTEXT.getLimit()),
+                examinationReport,
+                cv,
+                degreeReport
+        );
+
+        return ResponseEntity.ok(UserDto.fromUserEntity(authenticatedUser));
     }
 }
diff --git a/server/src/main/java/thesistrack/ls1/controller/payload/CreateApplicationPayload.java b/server/src/main/java/thesistrack/ls1/controller/payload/CreateApplicationPayload.java
new file mode 100644
index 00000000..77a27591
--- /dev/null
+++ b/server/src/main/java/thesistrack/ls1/controller/payload/CreateApplicationPayload.java
@@ -0,0 +1,12 @@
+package thesistrack.ls1.controller.payload;
+
+import java.time.Instant;
+import java.util.UUID;
+
+public record CreateApplicationPayload (
+        UUID topicId,
+        String thesisTitle,
+        Instant desiredStartDate,
+        String motivation
+) {
+}
diff --git a/server/src/main/java/thesistrack/ls1/controller/payload/UpdateUserInformationPayload.java b/server/src/main/java/thesistrack/ls1/controller/payload/UpdateUserInformationPayload.java
new file mode 100644
index 00000000..1b374b7a
--- /dev/null
+++ b/server/src/main/java/thesistrack/ls1/controller/payload/UpdateUserInformationPayload.java
@@ -0,0 +1,19 @@
+package thesistrack.ls1.controller.payload;
+
+import java.time.Instant;
+
+public record UpdateUserInformationPayload(
+        String matriculationNumber,
+        Boolean isExchangeStudent,
+        String firstName,
+        String lastName,
+        String gender,
+        String nationality,
+        String email,
+        String studyDegree,
+        String studyProgram,
+        Instant enrolledAt,
+        String specialSkills,
+        String interests,
+        String projects
+) { }
diff --git a/server/src/main/java/thesistrack/ls1/dto/PublishedThesisDto.java b/server/src/main/java/thesistrack/ls1/dto/PublishedThesisDto.java
new file mode 100644
index 00000000..50a4e15a
--- /dev/null
+++ b/server/src/main/java/thesistrack/ls1/dto/PublishedThesisDto.java
@@ -0,0 +1,37 @@
+package thesistrack.ls1.dto;
+
+import thesistrack.ls1.entity.Thesis;
+
+import java.time.Instant;
+import java.util.List;
+import java.util.UUID;
+
+public record PublishedThesisDto(
+        UUID thesisId,
+        String title,
+        String type,
+        Instant startDate,
+        Instant endDate,
+        String abstractText,
+        List<LightUserDto> students,
+        List<LightUserDto> advisors,
+        List<LightUserDto> supervisors
+) {
+    public static PublishedThesisDto fromThesisEntity(Thesis thesis) {
+        if (thesis == null) {
+            return null;
+        }
+
+        return new PublishedThesisDto(
+                thesis.getId(),
+                thesis.getTitle(),
+                thesis.getType(),
+                thesis.getStartDate(),
+                thesis.getEndDate(),
+                thesis.getAbstractField(),
+                thesis.getStudents().stream().map(LightUserDto::fromUserEntity).toList(),
+                thesis.getAdvisors().stream().map(LightUserDto::fromUserEntity).toList(),
+                thesis.getSupervisors().stream().map(LightUserDto::fromUserEntity).toList()
+        );
+    }
+}
diff --git a/server/src/main/java/thesistrack/ls1/dto/ThesisDto.java b/server/src/main/java/thesistrack/ls1/dto/ThesisDto.java
index af485c34..3f039412 100644
--- a/server/src/main/java/thesistrack/ls1/dto/ThesisDto.java
+++ b/server/src/main/java/thesistrack/ls1/dto/ThesisDto.java
@@ -142,23 +142,9 @@ public static ThesisDto fromThesisEntity(Thesis thesis, boolean protectedAccess)
             return null;
         }
 
-        List<LightUserDto> students = new ArrayList<>();
-        List<LightUserDto> advisors = new ArrayList<>();
-        List<LightUserDto> supervisors = new ArrayList<>();
-
-        for (ThesisRole role : thesis.getRoles()) {
-            if (role.getId().getRole() == ThesisRoleName.STUDENT) {
-                students.add(LightUserDto.fromUserEntity(role.getUser()));
-            }
-
-            if (role.getId().getRole() == ThesisRoleName.ADVISOR) {
-                advisors.add(LightUserDto.fromUserEntity(role.getUser()));
-            }
-
-            if (role.getId().getRole() == ThesisRoleName.SUPERVISOR) {
-                supervisors.add(LightUserDto.fromUserEntity(role.getUser()));
-            }
-        }
+        List<LightUserDto> students = thesis.getStudents().stream().map(LightUserDto::fromUserEntity).toList();
+        List<LightUserDto> advisors = thesis.getAdvisors().stream().map(LightUserDto::fromUserEntity).toList();
+        List<LightUserDto> supervisors = thesis.getSupervisors().stream().map(LightUserDto::fromUserEntity).toList();
 
         List<ThesisStateChangeDto> states = new ArrayList<>();
         List<ThesisStateChange> stateChanges = thesis.getStates().stream().sorted(Comparator.comparing(ThesisStateChange::getChangedAt)).toList();
diff --git a/server/src/main/java/thesistrack/ls1/entity/Thesis.java b/server/src/main/java/thesistrack/ls1/entity/Thesis.java
index f2a9bd39..026ec7c0 100644
--- a/server/src/main/java/thesistrack/ls1/entity/Thesis.java
+++ b/server/src/main/java/thesistrack/ls1/entity/Thesis.java
@@ -8,6 +8,7 @@
 import thesistrack.ls1.constants.ThesisRoleName;
 import thesistrack.ls1.constants.ThesisState;
 import thesistrack.ls1.constants.ThesisVisibility;
+import thesistrack.ls1.dto.LightUserDto;
 
 import java.time.Instant;
 import java.util.*;
@@ -93,6 +94,42 @@ public class Thesis {
     @OneToMany(mappedBy = "thesis", fetch = FetchType.EAGER)
     private Set<ThesisStateChange> states = new HashSet<>();
 
+    public List<User> getStudents() {
+        List<User> result = new ArrayList<>();
+
+        for (ThesisRole role : getRoles()) {
+            if (role.getId().getRole() == ThesisRoleName.STUDENT) {
+                result.add(role.getUser());
+            }
+        }
+
+        return result;
+    }
+
+    public List<User> getAdvisors() {
+        List<User> result = new ArrayList<>();
+
+        for (ThesisRole role : getRoles()) {
+            if (role.getId().getRole() == ThesisRoleName.ADVISOR) {
+                result.add(role.getUser());
+            }
+        }
+
+        return result;
+    }
+
+    public List<User> getSupervisors() {
+        List<User> result = new ArrayList<>();
+
+        for (ThesisRole role : getRoles()) {
+            if (role.getId().getRole() == ThesisRoleName.SUPERVISOR) {
+                result.add(role.getUser());
+            }
+        }
+
+        return result;
+    }
+
     public boolean hasSupervisorAccess(User user) {
         if (user == null) {
             return false;
@@ -156,7 +193,7 @@ public boolean hasStudentAccess(User user) {
     }
 
     public boolean hasReadAccess(User user) {
-        if (user == null && visibility == ThesisVisibility.PUBLIC) {
+        if (user == null && visibility == ThesisVisibility.PUBLIC && state == ThesisState.FINISHED) {
             return true;
         }
 
diff --git a/server/src/main/java/thesistrack/ls1/entity/User.java b/server/src/main/java/thesistrack/ls1/entity/User.java
index d5d17ea7..a02a1a9c 100644
--- a/server/src/main/java/thesistrack/ls1/entity/User.java
+++ b/server/src/main/java/thesistrack/ls1/entity/User.java
@@ -107,4 +107,12 @@ public boolean hasAnyGroup(String...groups) {
 
         return false;
     }
+
+    public boolean hasFullAccess(User user) {
+        if (user.hasAnyGroup("admin", "supervisor", "advisor")) {
+            return true;
+        }
+
+        return id.equals(user.getId());
+    }
 }
\ No newline at end of file
diff --git a/server/src/main/java/thesistrack/ls1/security/WebSecurityConfig.java b/server/src/main/java/thesistrack/ls1/security/WebSecurityConfig.java
index 8c8fe261..0dae9cab 100644
--- a/server/src/main/java/thesistrack/ls1/security/WebSecurityConfig.java
+++ b/server/src/main/java/thesistrack/ls1/security/WebSecurityConfig.java
@@ -45,6 +45,7 @@ public SecurityFilterChain filterChain(HttpSecurity http) throws Exception {
                 .authorizeHttpRequests(auth -> auth
                                 .requestMatchers(HttpMethod.POST, "/v1/applications").permitAll()
                                 .requestMatchers(HttpMethod.GET, "/v2/topics/**").permitAll()
+                                .requestMatchers(HttpMethod.GET, "/v2/published-theses/**").permitAll()
                                 .anyRequest().authenticated()
                 );
 
diff --git a/server/src/main/java/thesistrack/ls1/service/ApplicationService.java b/server/src/main/java/thesistrack/ls1/service/ApplicationService.java
index 2dd2b7f6..ad146072 100644
--- a/server/src/main/java/thesistrack/ls1/service/ApplicationService.java
+++ b/server/src/main/java/thesistrack/ls1/service/ApplicationService.java
@@ -130,6 +130,24 @@ public Application createLegacyApplication(
         return applicationRepository.save(application);
     }
 
+    @Transactional
+    public Application createApplication(User user, UUID topicId, String thesisTitle, Instant desiredStartDate, String motivation) {
+        Application application = new Application();
+        application.setUser(user);
+
+        application.setTopic(topicId == null ? null : topicService.findById(topicId));
+        application.setThesisTitle(thesisTitle);
+        application.setMotivation(motivation);
+        application.setState(ApplicationState.NOT_ASSESSED);
+        application.setDesiredStartDate(desiredStartDate);
+        application.setCreatedAt(Instant.now());
+
+        mailingService.sendApplicationCreatedMailToChair(application);
+        mailingService.sendApplicationCreatedMailToStudent(application);
+
+        return applicationRepository.save(application);
+    }
+
     @Transactional
     public Application accept(
             User reviewer,
diff --git a/server/src/main/java/thesistrack/ls1/service/AuthenticationService.java b/server/src/main/java/thesistrack/ls1/service/AuthenticationService.java
index 363d4038..9e21136d 100644
--- a/server/src/main/java/thesistrack/ls1/service/AuthenticationService.java
+++ b/server/src/main/java/thesistrack/ls1/service/AuthenticationService.java
@@ -6,6 +6,7 @@
 import org.springframework.security.oauth2.server.resource.authentication.JwtAuthenticationToken;
 import org.springframework.stereotype.Service;
 import org.springframework.transaction.annotation.Transactional;
+import org.springframework.web.multipart.MultipartFile;
 import thesistrack.ls1.entity.User;
 import thesistrack.ls1.entity.UserGroup;
 import thesistrack.ls1.entity.key.UserGroupId;
@@ -20,15 +21,17 @@
 public class AuthenticationService {
     private final UserRepository userRepository;
     private final UserGroupRepository userGroupRepository;
+    private final UploadService uploadService;
 
     @Autowired
-    public AuthenticationService(UserRepository userRepository, UserGroupRepository userGroupRepository) {
+    public AuthenticationService(UserRepository userRepository, UserGroupRepository userGroupRepository, UploadService uploadService) {
         this.userRepository = userRepository;
         this.userGroupRepository = userGroupRepository;
+        this.uploadService = uploadService;
     }
 
     public User getAuthenticatedUser(JwtAuthenticationToken jwt) {
-        return this.userRepository.findByUniversityId(getUniversityId(jwt))
+        return userRepository.findByUniversityId(getUniversityId(jwt))
                 .orElseThrow(() -> new ResourceNotFoundException("Authenticated user not found"));
     }
 
@@ -87,7 +90,47 @@ public User updateAuthenticatedUser(JwtAuthenticationToken jwt) {
 
         user.setGroups(userGroups);
 
-        return this.userRepository.save(user);
+        return userRepository.save(user);
+    }
+
+    public User updateUserInformation(
+            User user,
+            String matriculationNumber,
+            boolean isExchangeStudent,
+            String firstName,
+            String lastName,
+            String gender,
+            String nationality,
+            String email,
+            String studyDegree,
+            String studyProgram,
+            Instant enrolledAt,
+            String specialSkills,
+            String interests,
+            String projects,
+            MultipartFile examinationReport,
+            MultipartFile cv,
+            MultipartFile degreeReport
+    ) {
+        user.setMatriculationNumber(matriculationNumber);
+        user.setIsExchangeStudent(isExchangeStudent);
+        user.setFirstName(firstName);
+        user.setLastName(lastName);
+        user.setGender(gender);
+        user.setNationality(nationality);
+        user.setEmail(email);
+        user.setStudyDegree(studyDegree);
+        user.setStudyProgram(studyProgram);
+        user.setEnrolledAt(enrolledAt);
+        user.setSpecialSkills(specialSkills);
+        user.setInterests(interests);
+        user.setProjects(projects);
+
+        user.setExaminationFilename(examinationReport == null ? null : uploadService.store(examinationReport, 3 * 1024 * 1024));
+        user.setCvFilename(cv == null ? null : uploadService.store(cv, 3 * 1024 * 1024));
+        user.setDegreeFilename(degreeReport == null ? null : uploadService.store(degreeReport, 3 * 1024 * 1024));
+
+        return userRepository.save(user);
     }
 
     private String getUniversityId(JwtAuthenticationToken jwt) {
diff --git a/server/src/main/java/thesistrack/ls1/service/UserService.java b/server/src/main/java/thesistrack/ls1/service/UserService.java
index 49f50854..131d4d06 100644
--- a/server/src/main/java/thesistrack/ls1/service/UserService.java
+++ b/server/src/main/java/thesistrack/ls1/service/UserService.java
@@ -36,26 +36,20 @@ public Page<User> getAll(String searchQuery, String[] groups, Integer page, Inte
                 .searchUsers(searchQueryFilter, groupsFilter, PageRequest.of(page, limit, Sort.by(order)));
     }
 
-    public User findById(UUID userId) {
-        return userRepository.findById(userId)
-                .orElseThrow(() -> new ResourceNotFoundException(String.format("User with id %s not found.", userId)));
-    }
-
-    public Resource getExaminationReport(UUID userId) {
-        User user = findById(userId);
-
+    public Resource getExaminationReport(User user) {
         return uploadService.load(user.getExaminationFilename());
     }
 
-    public Resource getCV(UUID userId) {
-        User user = findById(userId);
-
+    public Resource getCV(User user) {
         return uploadService.load(user.getCvFilename());
     }
 
-    public Resource getDegreeReport(UUID userId) {
-        User user = findById(userId);
-
+    public Resource getDegreeReport(User user) {
         return uploadService.load(user.getDegreeFilename());
     }
+
+    public User findById(UUID userId) {
+        return userRepository.findById(userId)
+                .orElseThrow(() -> new ResourceNotFoundException(String.format("User with id %s not found.", userId)));
+    }
 }
diff --git a/server/src/main/java/thesistrack/ls1/utility/RequestValidator.java b/server/src/main/java/thesistrack/ls1/utility/RequestValidator.java
index 92c1a08a..e5a18d6a 100644
--- a/server/src/main/java/thesistrack/ls1/utility/RequestValidator.java
+++ b/server/src/main/java/thesistrack/ls1/utility/RequestValidator.java
@@ -20,15 +20,11 @@ public static String validateStringMaxLength(String value, int maxLength) {
     }
 
     public static String validateStringMaxLengthAllowNull(String value, int maxLength) {
-        if (value == null) {
+        if (value == null || value.isEmpty()) {
             return null;
         }
 
-        if (value.length() > maxLength) {
-            throw new ResourceInvalidParametersException("String exceeds maximum length of " + maxLength + " characters");
-        }
-
-        return value;
+        return validateStringMaxLength(value, maxLength);
     }
 
     public static String validateEmail(String value) {
@@ -47,6 +43,14 @@ public static String validateEmail(String value) {
         }
     }
 
+    public static String validateEmailAllowNull(String value) {
+        if (value == null || value.isEmpty()) {
+            return null;
+        }
+
+        return validateEmail(value);
+    }
+
     public static <T> T validateNotNull(T value) {
         if (value == null) {
             throw new ResourceInvalidParametersException("Required value is null");