import React from "react"; import { useState, useEffect } from "react"; import { FiPlus, FiTrash, FiCheck } from "lucide-react"; type Task = { id: number; name: string; completed: boolean; }; export default function App() { const [tasks, setTasks] = React.useState([]); const [taskInput, setTaskInput] = React.useState(""); const [completedCount, setCompletedCount] = React.useState(0); const [streak, setStreak] = React.useState(0); useEffect(() => { const savedTasks = localStorage.getItem("tasks"); if (savedTasks) { setTasks(JSON.parse(savedTasks)); } resetDailyTasks(); }, []); useEffect(() => { localStorage.setItem("tasks", JSON.stringify(tasks)); calculateCompletedCount(); }, [tasks]); const resetDailyTasks = () => { const today = new Date(); const lastReset = localStorage.getItem("lastReset"); if (!lastReset || new Date(lastReset).getDate() !== today.getDate()) { setTasks([]); localStorage.setItem("lastReset", today.toISOString()); } }; const calculateCompletedCount = () => { const completed = tasks.filter((task) => task.completed).length; setCompletedCount(completed); }; const addTask = () => { if (taskInput.trim() !== "") { const newTask: Task = { id: Date.now(), name: taskInput, completed: false, }; setTasks((prev) => [...prev, newTask]); setTaskInput(""); } }; const toggleTaskCompletion = (id: number) => { setTasks((prev) => prev.map((task) => task.id === id ? { ...task, completed: !task.completed } : task ) ); }; const deleteTask = (id: number) => { setTasks((prev) => prev.filter((task) => task.id !== id)); }; return (

Daily To-Do List

setTaskInput(e.target.value)} placeholder="Add a new task" className="p-2 border border-gray-600 rounded-l-md" />

toggleTaskCompletion(task.id)} className="cursor-pointer">{task.name}

Tasks Completed Today: {completedCount}

{/* Streak tracking and analytics can be implemented here */}

); }