diff --git a/apps/frontend/src/components/CurrentJobs.tsx b/apps/frontend/src/components/CurrentJobs.tsx
index 60c9dca..bebd2b6 100644
--- a/apps/frontend/src/components/CurrentJobs.tsx
+++ b/apps/frontend/src/components/CurrentJobs.tsx
@@ -1,4 +1,23 @@
+'use client';
+
+import { useEffect, useState } from 'react';
+
+import api from '../lib/axiosConfig';
+import { Task } from './tasks-dto';
+
 export default function CurrentJobs() {
+  const [tasks, setTasks] = useState<Task[]>([]);
+
+  const onGetData = () => {
+    api.get('/tasks').then((res) => {
+      setTasks(res.data);
+    });
+  };
+
+  useEffect(() => {
+    onGetData();
+  }, []);
+
   return (
     <div className='flex flex-col min-h-screen w-1/2'>
       <div className='text-center pt-8'>
@@ -15,36 +34,17 @@ export default function CurrentJobs() {
               </tr>
             </thead>
             <tbody>
-              <tr className='border-b border-neutral-200 transition duration-300 ease-in-out hover:bg-bg-color1 dark:border-white/10 dark:hover:bg-neutral-600'>
-                <td className='float-left whitespace-nowrap px-6 py-4 font-medium tracking-wider'>Felelős pozíciók</td>
-                <td className='float-right whitespace-nowrap px-6 py-4 font-medium'>.</td>
-              </tr>
-              <tr className='border-b border-neutral-200 transition duration-300 ease-in-out hover:bg-bg-color1 dark:border-white/10 dark:hover:bg-neutral-600'>
-                <td className='float-left whitespace-nowrap px-6 py-4 font-medium tracking-wider'>Projektmunkák</td>
-                <td className='float-right whitespace-nowrap px-6 py-4 font-medium'>.</td>
-              </tr>
-              <tr className='border-b border-neutral-200 transition duration-300 ease-in-out hover:bg-bg-color1 dark:border-white/10 dark:hover:bg-neutral-600'>
-                <td className='float-left whitespace-nowrap px-6 py-4 font-medium tracking-wider'>
-                  Tanfolyam/mentorálás
-                </td>
-                <td className='float-right whitespace-nowrap px-6 py-4 font-medium'>.</td>
-              </tr>
-              <tr className='border-b border-neutral-200 transition duration-300 ease-in-out hover:bg-bg-color1 dark:border-white/10 dark:hover:bg-neutral-600'>
-                <td className='float-left whitespace-nowrap px-6 py-4 font-medium tracking-wider'>.</td>
-                <td className='float-right whitespace-nowrap px-6 py-4 font-medium'>.</td>
-              </tr>
-              <tr className='border-b border-neutral-200 transition duration-300 ease-in-out hover:bg-bg-color1 dark:border-white/10 dark:hover:bg-neutral-600'>
-                <td className='float-left whitespace-nowrap px-6 py-4 font-medium tracking-wider'>.</td>
-                <td className='float-right whitespace-nowrap px-6 py-4 font-medium'>.</td>
-              </tr>
-              <tr className='border-b border-neutral-200 transition duration-300 ease-in-out hover:bg-bg-color1 dark:border-white/10 dark:hover:bg-neutral-600'>
-                <td className='float-left whitespace-nowrap px-6 py-4 font-medium tracking-wider'>.</td>
-                <td className='float-right whitespace-nowrap px-6 py-4 font-medium'>.</td>
-              </tr>
-              <tr className='border-b border-neutral-200 transition duration-300 ease-in-out hover:bg-bg-color1 dark:border-white/10 dark:hover:bg-neutral-600'>
-                <td className='float-left whitespace-nowrap px-6 py-4 font-medium tracking-wider'>.</td>
-                <td className='float-right whitespace-nowrap px-6 py-4 font-medium'>.</td>
-              </tr>
+              {tasks.map((task) => (
+                <tr
+                  key={task.id}
+                  className='border-b border-neutral-200 transition duration-300 ease-in-out hover:bg-bg-color1 dark:border-white/10 dark:hover:bg-neutral-600'
+                >
+                  <td className='float-left whitespace-nowrap px-6 py-4 font-medium tracking-wider'>
+                    {task.description}
+                  </td>
+                  <td className='float-right whitespace-nowrap px-6 py-4 font-medium'>.</td>
+                </tr>
+              ))}
             </tbody>
           </table>
         </div>
diff --git a/apps/frontend/src/components/tasks-dto.tsx b/apps/frontend/src/components/tasks-dto.tsx
new file mode 100644
index 0000000..0ead6bf
--- /dev/null
+++ b/apps/frontend/src/components/tasks-dto.tsx
@@ -0,0 +1,8 @@
+export type Task = {
+  id: number;
+  description: string;
+  sprintId: number;
+  userId: number;
+  projektId: number;
+  createdAt: Date;
+};