diff --git a/src/App.tsx b/src/App.tsx
index e9611f8..d8e76c0 100644
--- a/src/App.tsx
+++ b/src/App.tsx
@@ -1,11 +1,19 @@
-import { useState } from "react"
+import { useEffect, useState } from "react"
 import type { Task } from "./types/task";
 import { TaskItem } from "./components/TaskItem";
 
 function App() {
-  const [tasks, setTasks] = useState<Task[]>([]);
+  const [tasks, setTasks] = useState<Task[]>(() => {
+    const savedTasks = localStorage.getItem('tasks');
+    return savedTasks ? JSON.parse(savedTasks) : []
+  });
+
   const [inputValue, setInputValue] = useState<string>('');
 
+  useEffect(() => {
+    localStorage.setItem('tasks', JSON.stringify(tasks));
+  }, [tasks]);
+
   const addTask = () => {
     if (inputValue.trim() === '') return;