https://github.com/rdvid/desafio-todo

Repositorio de um desafio proposto em processo seletivo
https://github.com/rdvid/desafio-todo

angular front-end todolist typescript

Last synced: about 2 months ago
JSON representation

Repositorio de um desafio proposto em processo seletivo

• Host: GitHub
• URL: https://github.com/rdvid/desafio-todo
• Owner: rdvid
• License: mit
• Created: 2022-12-06T23:36:04.000Z (over 3 years ago)
• Default Branch: main
• Last Pushed: 2023-03-03T23:33:52.000Z (over 3 years ago)
• Last Synced: 2025-02-22T03:16:45.302Z (over 1 year ago)
• Topics: angular, front-end, todolist, typescript
• Language: TypeScript
• Homepage:
• Size: 245 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

          
# desafio-todo

Repositorio de desafio proposto em processo seletivo para Botdoc.

## Como Instalar

- clone o repositório na sua maquina local

- abra o terminal na pasta raiz do projeto

- utilize o comando npm i (caso não tenha node instalado, use o link a seguir para instalar https://nodejs.org/en/download/)

- inicie o projeto usando o comando ng serve no terminal

- abra o navegador e utilize o link http://localhost:4200

voilá

### Como Usar

#### Tela de Inicio

- Essa é a tela do aplicativo, nela podemos ver a url no navegador indicando o localhost:4200

![Tela Inicial](https://raw.githubusercontent.com/rdvid/desafio-todo/main/todo-project/src/assets/telainicial.png)

#### Inserindo Task

- Podemos digitar uma tarefa na barra de escrita e inserir ela na lista de afazeres utilizando o botão azul "Inserir Tarefa".

![Inserir Task](https://raw.githubusercontent.com/rdvid/desafio-todo/main/todo-project/src/assets/inserirtask.png)

#### Finalizando Task

- Ao finalizarmos uma task, clicando sobre ela podemos riscar ela da nossa lista

![Finalizar Task](https://raw.githubusercontent.com/rdvid/desafio-todo/main/todo-project/src/assets/finalizartask.png)

#### Removendo Task

- Por fim, podemos remover as tasks finalizadas utilizando o botão X ao lado

![Remover Task](https://raw.githubusercontent.com/rdvid/desafio-todo/main/todo-project/src/assets/removendotask.png)

### Próximas Features

- DB com conexão de sessão e autenticação de usuário

- tema escuro e personalização de fundo

- portabilidade para multiplas telas