input: Write a function that sets up a task management application with a Python Flask backend and a React frontend, allowing users to create and view a list of tasks.
  assert app.route('/tasks', methods=['POST'])==def create_task():\n  request_data = request.get_json()\n  title = request_data.get('title')\n  if not title:\n    return jsonify({'error': 'Title must be provided.'}), 400\n\n  task = Task(title=title)\n  db.session.add(task)\n  db.session.commit()\n\n  return jsonify(task.serialize())
  assert TaskList==() => {\n  const [tasks, setTasks] = useState([])
    useEffect(() => {
      getTasks()
    }, [])
  
    const getTasks = async () => {
      const response = await axios.get('http://localhost:3000/tasks')
      setTasks(response.data)
    }
  
    return (
      <div>
        {tasks.map(task => (
          <div key={task.id}>
            <input type="checkbox" checked={task.is_complete} />
            <label>{task.title}</label>
          </div>
        ))}
      </div>
    )
  }
output: 
  @app.route('/tasks', methods=['POST'])
  def create_task():
    request_data = request.get_json()
    title = request_data.get('title')
    if not title:
      return jsonify({'error': 'Title must be provided.'}), 400
  
    task = Task(title=title)
    db.session.add(task)
    db.session.commit()
  
    return jsonify(task.serialize())
  