Memo

Aplicação simples de Notas e To-Do desenvolvida com Angular utilizando standalone components.
O projeto tem como objetivo estudar Angular moderno de forma prática, com código direto e fácil de entender.

---

Sobre o projeto

O Memo é uma aplicação básica que permite:

• Criar e remover notas
• Criar tarefas (to-do)
• Marcar tarefas como concluídas
• Visualizar notas e tarefas lado a lado

A interface é simples, sem bibliotecas externas de UI, usando apenas HTML, CSS e Angular.

---

Tecnologias utilizadas

• Angular (standalone components)
• TypeScript
• CSS puro
• Node.js
• Angular CLI

---

Estrutura do projeto

src/ ├─ app/ │ ├─ core/ │ │ └─ services/ │ │ ├─ notes.service.ts │ │ └─ todo.service.ts │ ├─ features/ │ │ ├─ notes/ │ │ │ └─ notes.component.ts │ │ └─ todo/ │ │ └─ todo.component.ts │ └─ app.component.ts ├─ index.html ├─ main.ts └─ styles.css

---

Como rodar o projeto

Pré-requisitos

• Node.js instalado
• Angular CLI instalado globalmente

Instalação do Angular CLI:

npm install -g @angular/cli

Instalação

Clone o repositório e instale as dependências:

npm install

Executar em modo de desenvolvimento

ng serve

Abra no navegador:

http://localhost:4200

Conceitos aplicados

• Standalone components

• Injeção de dependência com inject()

• Gerenciamento de estado com signal

• Separação de responsabilidades (componentes e serviços)

• Estilização global com CSS puro