SaurabhMohite

// Task Management Component (2+ years experience)
function TaskDashboard() {
  const [tasks, setTasks] = useState([]);
  const [filter, setFilter] = useState('all');
  
  const addTask = (task) => {
    setTasks(prev => [...prev, {
      id: Date.now(),
      ...task,
      createdAt: new Date(),
      status: 'pending'
    }]);
  };
  
  const updateStatus = (id, status) => {
    setTasks(prev => prev.map(task => 
      task.id === id ? { ...task, status } : task
    ));
  };
  
  const filteredTasks = tasks.filter(task => 
    filter === 'all' || task.status === filter
  );
  
  return (
    <div className="task-dashboard">
      <TaskFilters filter={filter} setFilter={setFilter} />
      <TaskList tasks={filteredTasks} onUpdate={updateStatus} />
      <TaskForm onAdd={addTask} />
    </div>
  );
}