Lista em javasacript

Anunciado
Crie um projeto Next.js para representar uma lista de tarefas. Este projeto deve ter a seguinte aparência:


Para isso, criar:

•
Um arquivo json para simular um banco de dados para a aplicação;

•
Crie uma api para este arquivo (json-server), contendo os 4 métodos principais (crud);

•
na página principal, coloque um campo de texto e um botão para inserir as tarefas. Na sequência, a lista de tarefas existentes no banco de dados;

•
Crie um componente que represente uma tarefa. Este componente deve conter uma caixa de seleção para indicar se a tarefa foi realizada ou não, o texto da tarefa e um botão para desligar;


Observações importantes:

1.
A responsabilidade de atualizar e apagar uma tarefa deve ser do próprio componente, e não da página na qual ele está inserido.

2.
A responsabilidade de exigir uma tarefa na lista e atualizar a lista quando necessário é da página principal.

3.
No front, para o update, não é necessário atualizar o texto de uma tarefa inserida, mas sim o seu estado (realizada ou não)

Sugestão:

Utilize os ícones do site:

*No link gerado pelo site, se você trocar a palavra dark por light, o ícone se apresenta na versão em branco