An open API service indexing awesome lists of open source software.

https://github.com/mathvsk/todo-list-with-angular

Projeto de "to-do" feito no curso do angular da udemy
https://github.com/mathvsk/todo-list-with-angular

angular udemy

Last synced: 2 months ago
JSON representation

Projeto de "to-do" feito no curso do angular da udemy

Awesome Lists containing this project

README

          

# Gerenciador de tarefas
![Angular](https://img.shields.io/badge/angular-%23DD0031.svg?style=for-the-badge&logo=angular&logoColor=white)
![Static Badge](https://img.shields.io/badge/MIT-maker?style=for-the-badge&label=License&labelColor=%23303030&color=%23808080)

## Sobre o projeto

Esta aplicação demonstra as melhores práticas no desenvolvimento em Angular enquanto oferece uma interface limpa e intuitiva para gerenciar tarefas diárias.

## Funcionalidades

- **Gerenciamento de Tarefas** - Crie, edite e exclua tarefas com facilidade
- **Acompanhamento de Status** - Marque tarefas como concluídas/incompletas com separação visual
- **Persistência de Dados** - Tarefas são automaticamente salvas no armazenamento local
- **Design Responsivo** - Funciona perfeitamente em dispositivos móveis e desktop
- **Diálogos de Confirmação** - Previne exclusão acidental de tarefas

## Destaques Técnicos

- Construído com **Angular 18** usando componentes standalone
- Gerenciamento de estado com a **API de Signals** do Angular
- Integração com **Local Storage** para persistência de dados
- Arquitetura modular com clara separação de responsabilidades
- Estilização responsiva com **SCSS**
- Confirmações interativas com **SweetAlert2**

## Como Executar o Projeto

1. Clone o repositório
2. Instale as dependências:
```bash
npm install
```
3. Execute o servidor de desenvolvimento:
```bash
npm start
```
4. Abra seu navegador em `http://localhost:4200`