johnleonne / Todo-List

Um aplicativo de lista de tarefas (todo-list) criado com React e personalizado com o Material UI, com tema de modo automático. Permite gerenciar tarefas de forma fácil e organizada, com recursos para adicionar, marcar como concluídas, editar, excluir e reordenar a lista.

Lista de tarefas (todo list)

Este é um aplicativo de lista de tarefas (todo-list) criado com React, iniciado pelo Vite e personalizado com o Material UI. O aplicativo permite que os usuários gerenciem suas tarefas de forma fácil e organizada, com recursos para adicionar novas tarefas, marcar como concluídas, editar, excluir e reordenar a lista.

O aplicativo também possui um tema de modo automático que se adapta ao tema do sistema operacional do usuário, tornando a experiência de uso ainda mais agradável.

Com uma interface moderna e intuitiva, o aplicativo é fácil de usar e pode ser personalizado com facilidade para atender às suas necessidades específicas.

Como instalar e executar

1. Clone este repositório:

git clone https://github.com/johnleonne/Todo-List.git

2. Instale as dependências do projeto:

cd todo-list/
npm install

3. Inicie o aplicativo:

npm run dev

O aplicativo será executado em http://localhost:5173

Como acessar o aplicativo hospedado

Você pode acessar o aplicativo hospedado no Vercel no seguinte link: https://todo-list-rose-psi.vercel.app/

Como usar

1. Adicione uma nova tarefa: digite a tarefa na caixa de texto e pressione Enter ou clique no botão adicionar.

2. Marque uma tarefa como concluída: clique no botão de conclusão (caixa de seleção) ao lado da tarefa.

3. Edite uma tarefa: clique no botão de edição (ícone de lápis) ao lado direito da tarefa.

4. Exclua uma tarefa: clique no botão de exclusão (ícone de lixeira) ao lado direito do ícone de edição.

5. Mova uma tarefa: clique no botão de seta (ícone de seta pra cima ou pra baixo) ao lado da tarefa.

Tema automático do sistema

Este aplicativo de lista de tarefas possui um tema automático, que é definido de acordo com as configurações de tema do sistema operacional do usuário. Isso significa que, se o sistema operacional do usuário estiver configurado para usar um tema claro, o aplicativo usará um tema claro. Se o sistema operacional estiver configurado para usar um tema escuro, o aplicativo usará um tema escuro.

Essa funcionalidade foi implementada com a ajuda do Material-UI e pode ser vista em ação no aplicativo. O tema automático é uma maneira fácil de garantir que o aplicativo tenha uma aparência consistente com o sistema operacional do usuário, independentemente das preferências de tema do usuário.

Lista de tarefas em light mode

Lista de tarefas em dark mode

Como contribuir

Este projeto é open source e qualquer pessoa pode contribuir. Para contribuir, siga estas etapas:

1. Faça um fork deste repositório.

2. Crie um branch com suas alterações:

git checkout -b minha-branch

3. Faça suas alterações e commit:

git add .
git commit -m "minha mensagem de commit"

4. Envie suas alterações para o branch do seu fork:

git push origin minha-branch

5. Abra uma pull request para o branch principal deste repositório.

Licença

Este projeto está licenciado sob a licença MIT. Veja o arquivo LICENSE para mais detalhes.